Prosedur Pembinaan Laman Web Tapak Pembelajaran Bagi P &P Bahasa Melayu

Oleh : Muhammad Faez B. Nurazman Amrullah Muhammad Shafeez Rohadan Click to edit Master subtitle style Afif Yusri B. Yahaya
4/13/12

Perancangan
Tapak pembelajaran sebelum membina laman web tapak pembelajaran memerlukan perancangan. Jika laman web kecil, seperti laman biodata yang cuma mengandungi beberapa muka surat, langkah perancangan ini mungkin tidak seberapa penting. Tetapi jika anda mahukan sebuah laman web yang agak besar, anda perlukan 4/13/12 perancangan yang teliti kerana ia dapat

Perancangan
Dalam langkah perancangan, anda boleh mengambarkan laman Web anda secara kasar dengan carta alir. Carta alir ini harus mengandungi:

subjek utama subtopik bagi subjek utama subtopik bagi setiap subtopik subjek utama (jika ada) pautan ke halaman yang berkaitan imej grafik yang diperlukan

4/13/12

Contoh Laman Web Yang Boleh Di Bangunkan

muzik tanahair kerohanian/keagamaan hobi komik/hiburan/filem pendidikan politik pengetahuan pelancongan am resepi dan pertanian masakan pertubuhan/organisasi/ komputer dan Internet syarikat/perniagaankelab sekolah/persatuan/ sukan

4/13/12

GARIS PANDUAN PEMBINAAN LAMAN WEB

4/13/12

Pembangun perlu bijak menggunakan elemen-elemen yang sesuai untuk memberitahu pengguna bagaimana paparan tersebut berfungsi. Rekabentuk paparan skrin yang baik harus mudah, bersih dan menarik.

4/13/12

Reka Bentuk & Paparan Skrin

Pembangun perlu bijak menggunakan elemen-elemen yang sesuai untuk memberitahu pengguna bagaimana paparan tersebut berfungsi. Rekabentuk paparan skrin yang baik harus mudah, bersih dan menarik.

4/13/12

Grafik
Susun atur paparan skrin: (i) Seimbang : kedudukan teks (ii) Kemas : susun letak paparan skrin dalam keadaan kemas, bersih (iii) Konsisten: teks dan grafik perlu pada setiap paparan.

4/13/12

Keperluan Perisian Grafik

Perisian grafik profesional Contoh: Adobe PhotoShop, Corel Photo Paint, Paint Shop Pro Perisian grafik biasa Contoh : Paint Brush Windows, Ulead Photo Impact, Gif Construction Set, Ulead Gif Animator, Xara 3D, Xara Webstyle, Ulead Cool 3D Perisian grafik jenis lukisan vektor Contoh : Adobe Illustrator, Corel Draw, Macromedia Freehand, Xara Webster

4/13/12

KERTAS DINDING (Latarbelakang)

Warna yang sesuai supaya tidak menjadi masalah untuk memilih warna font cerah/bersih/kemas Kesesuaian grafik dengan isi kandungan Pemilihan sesuatu kertas dinding hendaklah disesuaikan dengan warna tulisan dan objekobjek di dalam laman Web. Jangan memilih kertas dinding yang mempunyai warna yang tidak seragam iaitu mempunyai ton warna cerah ke gelap untuk mengelakkan kesukaran membaca sesuatu teks.
4/13/12

Gambar

Menggunakan format JPEG ( *.jpg) (*.jpeg) atau GIF (*.gif) fail yang terhasil lebil kecil saiznya lebih mampat dan lebih pantas dimuat turun dari internet. Tidak digalakkan menggunakan .bmp, .tga, .wmf, .tif, .pcx saiznya besar kerana ia melambatkan perjalanan perisian yang dibina

4/13/12

Format Fail Gambar

Fail gambar yang boleh digunakan adalah JPG dan GIF. Anda tidak digalakkan menggunakan fail gambar yang bersaiz lebih daripada 100kb kerana ia melambatkan proses muat turun oleh pelayar Web. Sebaiknya fail gambar untuk kertas dinding hendaklah bersaiz kurang daripada 50kb. Kertas dinding yang baik mestilah 4/13/12 mempunyai kecerahan yang berlawanan

Spesifikasi Gambar Yang Diimbas

Warna asli: 24 bit RGB (red-green-blue), 16 juga warna. Sesuai untuk laman Web. Warna asli: 30 bit CYMK tidak digalakkan untuk penerbitan laman Web. Bilangan warna ini hanya sesuai untuk kegunaan bahan bercetak sahaja. Digunakan dalam kerja DTP atau penerbitan meja. Warna tinggi: 16 bit RGB, warna tinggi mempunyai sama ada 64 ribu warna atau 32 ribu warna. Ia sangat sesuai untuk kegunaan laman Web. Fail imej dioptimumkan untuk kegunaan laman Web. Fail disimpan dalam format JPEG.

4/13/12

Spesifikasi Gambar Yang Diimbas

Warna 256: 8 bit terdiri dari 256 warna, tidak sesuai untuk menyimpan gambar foto kerana kualiti gambar terjejas dengan teruk. Ia sesuai untuk gambar lukisan biasa (yang tidak menyerupai gambar hidup). Fail disimpan dalam format GIF. Warna 16: 4 bit terdiri dari 16 warna sahaja, sesuai untuk kegunaan baner iklan. Biasanya lukisan. Fail disimpan dalam format GIF.

4/13/12

SPESIFIKASI GAMBAR YANG DIIMBAS

Skala kelabu (Greyscale): 8 bit adalah warna ton hitam putih yang terdiri dari 256 ton warna. Sesuai untuk gambar bahan bercetak. Fail disimpan dalam format GIF. Warna 2: 1 bit terdiri dari warna hitam dan putih sahaja. Sesuai untuk gambar bahan bercetak yang mengandungi tulisan dan rajah. Fail disimpan dalam format GIF.

4/13/12

Font

Standard yang terdapat dalam semua komputer : Arial dan Times New Roman Saiz tajuk mengikut kesesuaian, biasanya lebih besar daripada isi kandungan dan gunakan font yang mudah dibaca jika menggunakan fon yang lain. Saiz 10 12 point untuk isi kandungan Penggunaan warna merah atau biru untuk hiperteks Anda boleh menggunakan format-format teks seperti cetak tebal, italik, bergaris, superskrip, subskrip serta warna, saiz dan jenis fon berlainan seperti yang terdapat di dalam pemproses kata untuk dokument HTML anda.

4/13/12

Huruf Berkedip

Memaparkan huruf yang berkedip-kedip (kejap ada kejap tiada). Sesuai untuk menarik perhatian pembaca pada sesuatu tempat. Huruf berkedip tidak piawai, hanya pelayar Netscape 3.0 ke atas dan Microsoft IE 3.0 ke atas sahaja yang menyokongnya. Jika menggunakan format SWF (Macromedia Flash) memerlukan Flash Player untuk menyokongnya

4/13/12

Ikon

Rekabentuk ikon hendaklah sesuai dengan topic. Pemilihan warna harus sesuai dengan mengambil kira warna latarbelakang. Kedudukan butang harus consistent pada setiap paparan. Saiz butang harus sesuai.

4/13/12

Animasi

Animasi ialah satu siri gambar yang disusun dan ditayangkan satu per satu dengan begitu cepat sehingga kelihatan seperti satu gerakan Format animasi yang biasa digunakan; (Microsoft GIF Animator) gif, (Macromedia Flash) swf. Animasi multimedia yang lebih kompleks telah menjadi munasabah dengan menggunakan pemalam Shockwave daripada Macromedia. Shockwave memainkan fail multimedia yang dicipta dengan aturcara popular, Director dan Authorware daripada Macromedia. Hanya digunakan pada paparan yang sesuai. Penggunaan SWF (Macromedia Flash) digalakkansaiz kecil dan ringan.

4/13/12

Pautan Hiperteks

Terdiri daripada cebisan teks atau maklumat dalam bentuk grafik atau video. Maklumat ini disambung antara satu sama lain melalui pautan dengan warna atau tulisan bergaris dan hasilnya ialah pengaliran maklumat yang tidak linear ataupun tidak mengikut urutan.

4/13/12

Terima Kasih

4/13/12