Asas Sains Komputer · Tingkatan 1 · 4.2.1

Struktur Maklumat dan Pautan Laman Sesawang

Sebuah laman sesawang mempunyai banyak laman. Laman-laman itu disambungkan dengan pautan. Cara pautan disusun dipanggil struktur. Di bawah ada 4 jenis struktur. Klik pautan di dalam setiap laman contoh untuk mencubanya.

Struktur 1 daripada 4

Struktur Linear

Buku teks Menghubungkan setiap laman dengan dua pilihan pengemudian, iaitu bergerak ke hadapan atau ke belakang.

Senang ingat: Seperti membaca buku: muka demi muka, ikut turutan.

Perhatikan: Setiap laman hanya ada dua pautan: Sebelumnya dan Seterusnya. Anda mesti ikut turutan, satu demi satu.

Laman contoh: klik pautan di dalam kotak ini

Alamat laman: linear/biji-benih.html

Laman 1 daripada 5

Biji Benih

Kisah pokok bermula dengan sebiji benih yang kecil. Kita tanam biji benih di dalam tanah, kemudian siram dengan air.

Peta Struktur Linear

🌰 ✓ BijiBenih 🌱 ✓ Bercambah 🌿 ✓ AnakPokok 🌳 ✓ PokokBesar 🍎 ✓ Berbuah
Anda di sini:
Biji Benih
Boleh pergi dengan 1 klik:
Bercambah

Struktur 2 daripada 4

Struktur Cabang

Buku teks Bersifat dinamik dan berkeupayaan mengemudi ke laman lain dengan mudah. Laman utama dipautkan ke laman-laman lain melalui sistem menu.

Senang ingat: Seperti pokok: batang bercabang kepada dahan, dan dahan bercabang lagi kepada ranting.

Perhatikan: Menu laman utama bercabang kepada dua bahagian. Setiap bahagian ada sub-menu ke laman-lamannya. Untuk ke cabang lain, naik semula melalui menu.

Laman contoh: klik pautan di dalam kotak ini

Alamat laman: cabang/index.html

Kelab Sukan

Selamat datang ke laman Kelab Sukan! Pilih satu menu di atas: Sukan Luar atau Sukan Dewan.

Peta Struktur Cabang

🏅 ✓ LamanUtama ☀️ ✓ SukanLuar ⚽ ✓ BolaSepak 🏃 ✓ Olahraga 🏉 ✓ Ragbi 🏟️ ✓ SukanDewan 🏸 ✓ Badminton 🏀 ✓ BolaKeranjang 🏐 ✓ BolaTampar 🏓 ✓ PingPong
Anda di sini:
Laman Utama
Boleh pergi dengan 1 klik:
Sukan Luar, Sukan Dewan

Struktur 3 daripada 4

Struktur Roda

Buku teks Berbentuk seperti ruji basikal. Laman utama dipautkan ke laman-laman lain tetapi pengunjung terpaksa kembali ke laman utama sebelum dipautkan ke laman seterusnya.

Senang ingat: Seperti ruji basikal: semua jalan melalui bahagian tengah roda.

Perhatikan: Laman utama ialah pusat roda. Untuk pergi ke laman lain, anda mesti kembali ke laman utama dahulu.

Laman contoh: klik pautan di dalam kotak ini

Alamat laman: roda/index.html

Kantin Sekolah

Selamat datang ke Kantin Sekolah! Pilih satu makanan untuk melihat butirannya.

Peta Struktur Roda

🍽️ ✓ LamanUtama 🍛 ✓ NasiLemak 🍜 ✓ MiGoreng 🍞 ✓ RotiCanai 🍉 ✓ Buah 🥤 ✓ AirSirap
Anda di sini:
Laman Utama
Boleh pergi dengan 1 klik:
Nasi Lemak, Mi Goreng, Roti Canai, Buah, Air Sirap

Struktur 4 daripada 4

Struktur Hierarki

Buku teks Mempunyai model pengemudian atas ke bawah. Bermula dengan laman utama, pengunjung dipautkan ke laman-laman lain. Pengunjung ada pilihan untuk ke laman-laman seterusnya tanpa kembali ke laman utama.

Senang ingat: Seperti bangunan bertingkat: turun aras demi aras, dan berjalan terus ke bilik sebelah pada aras yang sama.

Perhatikan: Mula dari laman utama dan turun aras demi aras. Pada aras yang sama, anda boleh terus ke laman sebelah tanpa kembali ke laman utama.

Laman contoh: klik pautan di dalam kotak ini

Alamat laman: hierarki/index.html

Aras 1

Zoo Kita

Selamat datang ke Zoo Kita! Zoo ini ada dua zon. Pilih satu zon untuk turun ke aras seterusnya.

Peta Struktur Hierarki

🦁 ✓ LamanUtama 🏞️ ✓ ZonDarat 🌊 ✓ ZonAir 🐅 ✓ Harimau 🐊 ✓ Buaya 🐢 ✓ Penyu
Anda di sini:
Laman Utama
Boleh pergi dengan 1 klik:
Zon Darat, Zon Air

Bandingkan 4 struktur

StrukturCara bergerakContoh kegunaan
Linear Ke hadapan atau ke belakang sahaja, satu demi satu. Buku cerita, tutorial langkah demi langkah, kuiz.
Cabang Melalui menu: dari laman utama ke satu cabang, kemudian ke laman di dalam cabang itu. Laman kelab atau kedai yang ada menu dan sub-menu.
Roda Dari laman utama ke laman lain, kemudian kembali ke laman utama. Menu kantin, profil diri, galeri gambar.
Hierarki Ke atas dan ke bawah antara aras, dan ke tepi ke laman sebelah pada aras yang sama. Laman zoo, muzium atau sekolah yang disusun mengikut aras.