KURSUS PEMBANGUNAN LAMAN WEB Oleh : Pn Rafidah Kasim En Fairuz Bin Mohd Taib

OBJEKTIF Menerangkan dan memahami mesej yang disampaikan melalui laman web Mengenalpasti pengguna sasaran bagi laman web yang dibina Mengenalpasti isi kandungan laman web yang dibina Mengenalpasti rekabentuk yang akan digunakan di dalam laman web Memahami elemen-elemen penting yang perlu dimasukkan dalam laman web

SASARAN MASA Hari Pertama Sesi Pagi : Penggunaan Adobe Photoshop Sesi Petang : Penggunaan Macromedia Dreamweaver Hari Kedua Sesi Pagi : Sambungan Macromedia Dreamweaver Sesi Petang : My Website Manager.

PENGENALAN ISTILAH HTML : Hypertext Markup (HTML) Web page : Dokumen hyperterks yang mengandungi teks, grafik, animasi, audio dan video. Web site : kombinasi webpage yang berada di dalam domain name yang sama Web server : tempat simpanan laman-laman web yang telah dibina. Web browser : menghubungkan komputer kepada alamat rangkaian yang dipanggil URL.

JENIS LAMAN WEB Peribadi Perniagaan Hiburan Semasa

Merancang Laman Web Mengenalpasti mesej yang hendak disampaikan Mengenalpasti sasaran pengguna Mengenalpasti kategori kandungan laman web Mengenalpasti gaya rekabentuk laman web Mengenalpasti elemen yang perlu dimasukkan dalam laman web

Mengenalpasti mesej Yang Hendak disampaikan Individu/Peribadi Persatuan/Kelab/Minat/Komuniti Organisasi

Sasaran pengguna Umur, jantina, taraf pendidikan Kemahiran pengguna Masalah penglihatan Teknologi yang digunakan Sistem Pengoperasi/ browser Sambungan internet (dial up/Stremyx)

Asas Rekabentuk Rekabentuk yang berpusatkan pengguna Antaramuka yang ringkas dan konsisten Capaian secara terus Masa muat turun yang pendek Menyediakan alternatif Mampu berdiri secara sendiri Mudah dicapai tanpa sebarang masalah besar Menyediakan carta aliran laman web Memaparkan semula subtajuk yang dipilih Menyediakan butang ke helaian lain di bahagian atas dan bawah laman web

Rekabentuk yang berpusatkan pengguna Halaman yang konsisten Mesra pengguna Grafik antaramuka Kepercayaan pengguna Maklumat sentiasa dikemaskini Rekaan

REKABENTUK YANG BERPUSATKAN PENGGUNA Imej Bingkai(frame) Browser Saiz skrin Bahasa Kelajuan capaian Gaya

KESALAHAN REKABENTUK LAMAN WEB Masa muat turun yang terlalu panjang Susun atur yang tidak menarik Kesalahan ejaan Tiada cara untuk menghubungi webmaster Isi yang tidak bersesuaian dengan rekabentuk Navigasi yang tidak teratur Broken links Poor browser compatibility Grafik besar (lambat download) Terlalu banyak grafik Terlalu panjang scrolling / scrolling 2 arah Terlalu banyak grafik beranimasi (.gif) Terlalu banyak pembahagi grafik atau garisan Pengurusan laman yang tidak teratur

KESALAHAN REKABENTUK LAMAN WEB Latar belakang yang sibuk Terlalu banyak banner Terlalu panjang scrolling / scrolling 2 arah Terlalu banyak grafik beranimasi (.gif) Terlalu banyak pembahagi grafik atau garisan Latar belakang yang sibuk/berbeza-beza Penggunaan frame yang tidak bersesuaian Saiz font yang terlalu besar/tak sesuai Pop up mesej Terlalu banyak teks yang berlainan warna Teks sukar dibaca “Dalam pembinaan” Large scrolling text across the page.... (contohnya marquee)

ELEMEN YANG TERKANDUNG DALAM LAMAN WEB Teks Grafik Audio Video

PERISIAN PEMBANGUNAN LAMAN WEB