Professional Documents
Culture Documents
KOMPUTER
BAB 04 :
KOD ARAHAN
4.2.1
MELAKAR
PAPAN
CERTITA
PAPAN CERITA
Papan cerita ialah satu siri lakaran yang
menggambarkan isi kandungan untuk
setiap paparan skrin suatu laman
sesawang.
PAPAN CERITA
MELAKAR
MEMBERIKAN PAPAN MENGETAHUI
PENJELASAN KASAR ALIRAN ANTARA
TENTANG STRUKTUR CERITA LAMAN
LAMAN SESAWANG SESAWANG
MENGETAHUI BILANGAN
LAMAN SESAWANG YANG
DIPERLUKAN
LAMAN
SESAWANG
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
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.
APA ITU
INTERNET?
SATU SALURAN
ATAU MEDIA
PENYEBARAN
MAKLUMAT…
LANGKAH-LANGKAH
YANG PERLU DIAMBIL
SEBELUM MELAKAR
PAPAN CERITA
1. KUMPUL MAKLUMAT YANG
DIKEHENDAKI
TEKS,IMEJ,AUDIO,GRAFIK
2. SUSUN SEMUA MAKLUMAT
MENGIKUT TOPIK
STRUKTUR LINEAR,STRUKTUR
HIERARKI,STRUKTUR CABANG DAN STRUKTUR
RODA
REKA BENTUK STRUKTUR MENU
6. RANCANGKAN RUPA DAN
REKA BENTUK LAMAN
TAG DALAM
HTML
HTML
-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).
Tag HTML boleh ditulis dalam huruf
besar atau huruf kecil
MAKSUDNYA,
<BODY> MEMPUNYAI KESAN
YANG SAMA SEPERTI <body>
PARANGRAPH
HEADINGS
DALAM HTML
LANGKAH-LANGKAH MENGATUR CARA
HTML UNTUK MENGHASILKAN ENAM
SAIZ PARAGRAPH HEADINGS
DI ANTARA TAG
GUBAKAN
<body> DAN
PERISIAN APLIKASI
</body>,MASUKKA
NOTEPAD DAN
N TAG HEADINGS KE
LANCARKAN SATU
DALAM DOKUMEN
DOKUMEN
BAHARU
BAHARU
BANNER,FRAME
DAN MENU
DALAM HTML
Banner,frame dan
menu digunakan
sebagai tarikan
kepada pengguna
untuk malawat
laman sesawang
BANNER
• Biasanya berbentuk segi empat dan terletak
sama ada di bahagian atas ,bawah atau pada sisi
laman sesawang.
• Mengandungi teks,grafik,animasi dan bunyi.
• Biasanya digunakan untuk mengiklankan
sesuatu produk.
• Sepanduk web yang diletakkan dalam laman
sesawang dan boleh digunakan sebagai tajuk
pada laman.
FRAME
PAUTAN TEKS
DAN IMEJ
DALAM HTML
PAUTAN IMEJ DAN TEKS
MEMASUKKAN
IMEJ DALAM
HTML
IMEJ BOLEH
DIMASUKKAN KE
DALAM LAMAN
SESAWANG DENGAN
MENGGUNAKAN KOD
ARAHAN HTML.TIGA
JENIS FORMAT HTML
YANG BIASA
DIGUNAKAN IALAH
GIF,JPEG DAN PNG
• GIF sesuai digunakan dalam jaringan
sejagat World Wide Web kerana imej
GIF adalah format merantas platform
yang membolehkan imej GIF dapat
dilihat dalam hampir semua sistem
komputer yang ada.
• Kelemahan format GIF ialah ia terhad
kepada 256 warna sahaja.
• Variasi format GIF membolehkan
beberapa imej GIF disimpan bersama
dan dipaparkan secara berturutan
untuk memberi kesan animasi
• Format merentas platform tetapi
mempunyai dua kelemahan iaitu
bukan semua sistem komputer
boleh menggunakannya dan imej
JPEG adalah dalam bentuk fail
termampat dan ini mengurangkan
kualiti imej.
• Format ini boleh menggunakan
spektrum warna penuh iaitu 16.7
juta warna.
• Singkatan bagi Portable Network
Graphics.
• Format fail imej bitmap yang
termampat tetapi kualiti imej
tetap sama.
• Format ini seakan-akan fail GIF
tetapi tidak mempunyai
keupayaan animasi.
DALAM TAG <IMJ> IALAH
ATURCARA TAG KOSONG
HTML,IMEJ DAN HANYA
DIMASUKKAN MENGANDUNGI
DGN ATRIBUT ATRIBUT
MENGGUNAKAN TERTENTU
TAG <IMJ>. SAHAJA.
PULL-DOWN
MENU DALAM
HTML
• DIKENALI SEBAGAI DROP-DOWN MENU,DROP-
DOWN LIST DAN DROP-DOWN BOX.
• MENGANDUNGI SATU SENARAI ITEM YANG AKAN
MUNCUL APABILA PENGGUNA MENGKLIK PADA
SATU BUTANG ATAU PILIHAN TEKS.
• MENYENANGKAN PROSES MEMASUKKAN DAN
MEMILIH ITEM YANG DIPERLUKAN DARIPADA
SATU SENARAI YANG PANJANG.
• TAG <SELECT> </SELECT> UNTUK
MENGHASILKAN PULL-DOWN MENU.
• TAG <OPTION>DIMASUKKAN DALAM TAG
<SELECT> UNTUK MENUNJUKKAN JENIS
PILIHAN YANG ADA DALAM PULL-DOWN
MENU YANG DIBINA.
• BERFUNGSI SEBAGAI ALAT PILIHAN UNTUK
MEMUDAHKAN PENGGUNA MEMASUKKAN
DATA
• PULL-DOWN MENU JUGA DAPAT
MENGHINDARI PENGGUNA DARIPADA
MEMASUKKAN MAKLUMAT YANG TIDAK
TEPAT ATAU KESILAPAN EJAAN.
4.2.8
RUANG
KOMEN
DALAM HTML
• BERTUJUAN UNTUK PELAWAT MEMBERI
MAKLUM BALAS.
• PELAWAT YANG MELAYARI SESUATU LAMAN
SESAWANG BOLEH MEMBERIKAN PENDAPAT
MEREKA DALAM BENTUK TEKS DI RUANG
KOMEN.
• KOMEN YANG DIHANTAR AKAN DITUJUKAN
KEPADA PENTADBIR LAMAN TERSEBUT .
• DALAM ATUR CARA HTML,TAG <FORM>
</FORM> DAN <TEXTAREA> </TEXTAREA>
DILETAKKAN DALAM TAG <BODY> </BODY>
UNTUK MEMBINA RUANG KOMEN
• TEXTAREA BOLEH MEMUATKAN
BILANGAN AKSARA YANG TIDAK
TERHAD .
• SAIZ UNTUK RUANG TEXTAREA BOLEH
DITETAPKAN DENGAN MENGGUNAKAN
ATRIBUT COLS AND ROWS.
4.2.9
MENGESAN
RALAT
JIKA OUTPUT ATUR CARA
TIDAK SEPERTI YANG
DIKEHENDAKI, MAKA INI
BERMAKSUD ATUR CARA
INI MEMPUNYAI RALAT.
2.BANDINGKAN LAMAN
1.UJI LARI ATUR CARA SESAWANG YANG
YANG DIBINA DIPAPARKAN OLEH
(BUKA FAIL HTML DGN PELAYAR WEB DGN APA YG
MENGGUNAKAN SATU DIJANGKAKAN.KENAL
PELAYAR WEB. PASTI RALAT.
KUMPULKAN TERLEBIH
DAHULU SEMUA MAKLUMAT
YG PERLU.
CONTOHNYA TEKS,IMEJ DAN
GRAFIK,PAUTAN LUARANDAN
DALAMAN SERTA AUDIO DAN
VIDEO,JIKA PERLU
3.LANCARKAN PERISIAN
APLIKASI NOTEPAD