Semua bab

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. Ada 4 jenis struktur. Jom cuba setiap satu!

Jom mula Lihat semua dalam satu laman

Cara menggunakan

  1. Pilih satu struktur, kemudian tekan butang Cuba.
  2. Klik pautan di dalam laman contoh. Hanya pautan itu sahaja yang boleh digunakan!
  3. Lihat peta struktur. Bulatan berwarna menunjukkan laman anda sekarang.

4 jenis struktur

🌰 ✓ BijiBenih 🌱 ✓ Bercambah 🌿 ✓ AnakPokok 🌳 ✓ PokokBesar 🍎 ✓ Berbuah

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.

Demo: Pokok Kecilku · 5 laman

Cuba Struktur Linear
🏅 ✓ LamanUtama ☀️ ✓ SukanLuar ⚽ ✓ BolaSepak 🏃 ✓ Olahraga 🏉 ✓ Ragbi 🏟️ ✓ SukanDewan 🏸 ✓ Badminton 🏀 ✓ BolaKeranjang 🏐 ✓ BolaTampar 🏓 ✓ PingPong

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.

Demo: Kelab Sukan · 10 laman

Cuba Struktur Cabang
🍽️ ✓ LamanUtama 🍛 ✓ NasiLemak 🍜 ✓ MiGoreng 🍞 ✓ RotiCanai 🍉 ✓ Buah 🥤 ✓ AirSirap

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.

Demo: Kantin Sekolah · 6 laman

Cuba Struktur Roda
🦁 ✓ LamanUtama 🏞️ ✓ ZonDarat 🌊 ✓ ZonAir 🐅 ✓ Harimau 🐊 ✓ Buaya 🐢 ✓ Penyu

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.

Demo: Zoo Kita · 6 laman

Cuba Struktur Hierarki

Contoh laman sesawang sebenar

Empat laman sesawang yang lengkap. Setiap satu disusun mengikut satu struktur. Bukalah dan cuba klik pautannya.

Struktur Linear

Dapur Cilik

Resipi pisang goreng, langkah demi langkah. Setiap laman hanya ada butang Sebelumnya dan Seterusnya.

Buka laman Dapur Cilik

Struktur Cabang

Koop Sekolah Online

Kedai dalam talian dengan menu dan sub-menu. Laman utama bercabang kepada kategori, dan setiap kategori bercabang kepada produk.

Buka laman Koop Sekolah Online

Struktur Roda

Dunia Aisyah

Laman web peribadi seorang murid. Laman utama di tengah, dan setiap laman lain hanya ada pautan kembali ke laman utama.

Buka laman Dunia Aisyah

Struktur Hierarki

Muzium Sains Cilik

Lawatan maya ke muzium, aras demi aras. Pada aras yang sama, anda boleh terus ke bilik sebelah tanpa kembali ke laman utama.

Buka laman Muzium Sains Cilik

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.

Uji kefahaman

Baca setiap situasi dan pilih struktur yang betul.

Jawapan betul: 0 / 4

  1. Soalan 1 Aina membina laman cerita bergambar. Pembaca mesti membaca dari muka pertama hingga muka terakhir mengikut turutan. Struktur apakah yang paling sesuai?

  2. Soalan 2 Pengunjung bermula di laman utama dan turun aras demi aras. Pada aras yang sama, pengunjung boleh terus ke laman sebelah tanpa kembali ke laman utama. Struktur apakah ini?

  3. Soalan 3 Selepas melihat setiap laman, pengunjung mesti kembali ke laman utama sebelum boleh pergi ke laman lain. Struktur apakah ini?

  4. Soalan 4 Laman utama sebuah kedai ada menu Makanan dan Minuman. Setiap menu bercabang kepada beberapa laman lain melalui sub-menu. Struktur apakah ini?