Pembinaan laman web

Modul ini merangkumi bahagian laman web dalam kerja praktikal ICT. Anda belajar menyusun laman kecil dengan HTML, menggayakannya dengan helaian gaya (stylesheet), memautkan laman, meletakkan imej dengan saiz dan penerangan yang betul, serta menggunakan jadual dengan betul. Tugasan biasanya memberi fail sumber rekaan dan meminta anda membina atau membaiki laman yang memenuhi senarai keperluan.

Modul ini menyambung imej, susun atur dan gaya, kerana nisbah imej dan gaya yang konsisten juga terpakai di web. Semak laman sukatan pelajaran Cambridge IGCSE ICT 0417 yang terkini untuk perkataan tepat bagi kemahiran pembinaan web tahun peperiksaan anda, kerana ungkapan dan alat yang dijangka boleh berubah antara versi.

Apakah yang patut anda sudah boleh lakukan?

Anda perlu boleh menyimpan fail dalam folder bernama, menamakan semula fail dan membuka fail teks biasa. Anda juga perlu tahu beza antara nama fail dengan laluan fail (file path). Jika perkara ini kurang jelas, ulang kaji organisasi fail dan bukti dahulu.

Satu contoh orientasi

Sebuah kelab sekolah rekaan, Demo Photo Club, membekalkan folder ini:

club/
  index.html
  style.css
  pages/
    events.html
  images/
    hall.jpg

Tugasan: paparkan hall.jpg pada events.html, pautkan kembali ke laman utama, dan gunakan warna tajuk yang sama pada kedua-dua laman.

Tiga perkara mesti betul serentak. Laluan imej dari dalam pages/ ialah ../images/hall.jpg, pautan ke laman utama ialah ../index.html, dan kedua-dua laman memerlukan pautan helaian gaya dengan laluan yang disesuaikan mengikut folder laman itu. Untuk events.html, pautan itu ialah <link rel="stylesheet" href="../style.css">.

Sesebuah laman boleh lulus satu semakan dan gagal pada yang lain, sebab itulah pelajaran diajar secara berasingan.

Dalam susunan apakah pelajaran patut dipelajari?

1. Menstruktur laman kecil asal dengan HTML semantik: setiap kemahiran seterusnya bergantung pada kerangka laman yang betul.
2. Menggunakan helaian gaya untuk persembahan konsisten: satu peraturan mengubah setiap laman yang memautkannya.
3. Mencipta pautan relatif yang berfungsi: laluan menentukan sama ada pautan dan imej bertahan apabila fail dialihkan.
4. Menetapkan saiz imej dengan teks alternatif yang bermakna: nisbah daripada modul terdahulu, serta penerangan untuk pembaca yang tidak dapat melihat gambar.
5. Menyemak ciri jadual atau susun atur yang diperlukan tanpa andaian lapuk: semakan berdasarkan keperluan menggantikan tabiat lama.

Kemudian kerjakan set latihan campuran. Penyemak tugasan praktikal dan bukti ICT membantu anda mengesahkan bahawa setiap keperluan dalam arahan ada buktinya dalam fail anda.

Perangkap manakah yang paling kerap menjerat pelajar?

• Memilih aras tajuk kerana saiznya, bukan kerana kedudukannya dalam struktur.
• Menaip gaya pada setiap elemen dan bukannya satu peraturan helaian gaya.
• Menggunakan laluan penuh komputer seperti C:\Users\... dalam pautan, yang hanya berfungsi pada satu mesin.
• Menetapkan lebar dan tinggi imej tanpa menyemak nisbah asal.
• Menulis teks alternatif seperti “image” atau nama fail.
• Menggunakan jadual untuk meletakkan seluruh laman dan bukan untuk menunjukkan baris dan lajur data.

Bagaimanakah set latihan patut digunakan?

Cuba setiap soalan di atas kertas, atau dalam fail rekaan anda sendiri, sebelum membuka langkah kerja. Catat setiap kesilapan dalam log kesilapan dan baris gilir ujian semula dan uji semula dua hari kemudian. Jika laluan fail atau pautan helaian gaya anda masih rosak, guru dalam tuisyen ICT satu dengan satu kami boleh menyemak fail anda bersama-sama.