More Related Content
What's hot
What's hot (20)
Similar to Pengenalan papan cerita ask ting 1
Similar to Pengenalan papan cerita ask ting 1 (20)
Pengenalan papan cerita ask ting 1
- 1. ASAS SAINS KOMPUTER BAB 04 : KOD ARAHAN
- 2. 4.2. 1 MELAKAR PAPAN CERTITA BIDANG PEMBELAJARAN: 4.0 Kod Arahan Standard Kandungan : 4.2 Kod Arahan HTML Standard Pembelajaran : Murid boleh ; 4.2.1 Melakar papan cerita untuk membina laman sesawang yang menggunakan kod arahan HTML
- 3. PAPAN CERITA Papan cerita ialah satu siri lakaran yang menggambarkan isi kandungan untuk setiap paparan skrin suatu laman sesawang. • Memberikan suatu gambaran visual kepada pengatur cara dengan lebih teratur • Menggambarkan reka bentuk dan reka letak antara muka bagi setiap paparan yang akan dibina • Menentukan aliran navigasi sesuatu laman sesawang
- 5. Sebelum membina satu laman sesawang,anda harus melakar papan cerita laman sesawang terlebih dahulu. Rajah dibawah menunjukkan kebaikan melakar papan cerita. Langkah ini penting dan akan memudahkan pembinaan lama sesawang.
- 6. KEBAIKAN MELAKAR PAPAN CERITA MELAKAR PAPAN CERITA Memberikan Penjelasan Kasar Tentang Struktur Laman Sesawang Mengetahui Bilangan Laman Sesawang Yang Diperlukan Mengetahui Maklumat Yang Harus Dimasukkan Mengetahui Aliran Antara Laman Sesawang GURU LAMAN SESAWANG BUKU RUJUKAN
- 7. STRUKTUR MAKLUMAT DAN PAUTAN LAMAN SESAWANG 1. STRUKTUR LINEAR • Menghubungkan setiap laman dengan dua pilihan pengemudian iaitu bergerak ke hadapan atau ke belakang 2. STRUKTUR CABANG • Bersifat dinamik dan berkeupayaan mengemudi ke laman lain dengan mudah. • Laman utama dipautkan ke laman-laman lain melalui sistem MENU
- 8. 3. STRUKTUR RODA • Berbentuk seperti ruji basikal. • Laman utama dipautkan ke laman-laman lain tetapi pengunjung terpaksa kembali ke laman utama sebelum dipautkan ke laman seterusnya. 4. STRUKTUR HIERARKI • 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.
- 11. LANGKAH-LANGKAH YANG PERLU DIAMBIL SEBELUM MELAKAR PAPAN CERITA
- 12. 1. KUMPUL MAKLUMAT YANG DIKEHENDAKI TEKS,IMEJ,AUDIO,GRAFIK
- 13. 2. SUSUN SEMUA MAKLUMAT MENGIKUT TOPIK DARI UMUM KE KHUSUS
- 14. 3. TENTUKAN TAJUK-TAJUK UTAMA,TAJUK KECIL DAN ISI KANDUNGAN UNTUK SETIAP LAMAN TAJUK UTAMA, TAJUK KECIL, ISI KANDUNGAN
- 15. 4. RANCANGKAN STRUKTUR MAKLUMAT DAN PAUTAN LAMAN SESAWANG STRUKTUR LINEAR,STRUKTUR HIERARKI,STRUKTUR CABANG DAN STRUKTUR RODA
- 16. REKA BENTUK STRUKTUR MENU
- 17. 6. RANCANGKAN RUPA DAN REKA BENTUK LAMAN SKEMA WARNA,JENIS,SAIZ DAN WARNA TEKS
- 18. 7. LAKARKAN ALIRAN PAUTAN BAGI KESEMUA LAMAN DALAM TAPAK SESAWANG
- 20. Lakar papan cerita untuk satu laman sesawang berdasarkan mana- mana topik di bawah : a. Portfolio diri b. Sukan c. Sains d. Pelancongan.
- 21. Arahan : 1.Anda boleh melakar di atas kertas A4 untuk laman sesawang yang mengandungi sekurang-kurangnya 5 pautan . Tangkap gambar papan cerita dan hantar ke Google Classroom 2.Jika anda menggunakan IPAD, boleh gunakan aplikasi keynotes dan simpan dalam format PDF dan hantar ke Google Classroom
- 23. -Bahasa pengaturcaraan yang menggunakan kod-kod arahan yang dipanggil TAG HTML. -TAG Ini mudah difahami dan ditulis dalam tulisan biasa. -pembinaan aturcara HTML tidak diperlukan perisian yang khusus. -boleh menggunakan perisian NOTEPAD dan menyimpan dalam bentuk HTML (.html). (Save as *. html)
- 24. Tag HTML boleh ditulis dalam huruf besar atau huruf kecil MAKSUDNYA, <BODY> MEMPUNYAI KESAN YANG SAMA SEPERTI <body> TAG HTML DITULIS DALAM KURUNGAN < > TAG HTML WUJUD DALAM PASANGAN TAG AWAL < > DAN TAG AKHIR < / >
- 25. Gunakan Perisian Notepad dalam komputer anda 1.Tekan start di skrin 2.Klik All programs 3. Klik Accessorries 4. Klik Notepad
- 26. Tag HTML <html> <head> <title> tajuk</title> </head> <body> <p> taip perenggan </p> </body> </html>
- 28. LANGKAH-LANGKAH MENGATUR CARA HTML UNTUK MENGHASILKAN ENAM SAIZ PARAGRAPH HEADINGS
- 29. BUKA PERISIAN APLIKASI NOTEPAD DAN LANCARKAN SATU DOKUMEN BAHARU DI ANTARA TAG <body> DAN </body>,MASUKKAN TAG HEADINGS KE DALAM DOKUMEN BAHARU PILIH MENU FILE>SAVE AS UNTUK MENYIMPAN DOKOMEN ANDA DALAM FOLDER HTML SAYA.NAMAKAN DOKUMEN ANDA HEADINGS.html BUKA FOLDER HTML SAYA.DWIKLIK FAIL HEADINGS.HTML UNTUK MEMBUKANYA DALAM PELAYAR WEB
- 30. Modul Score A Buat latihan ms 81: 1. Buka notepad 2. Taip Latihan2 3. Save as Latihan2. html