MUQADDIMAH [ nasihat ustazhus ]
• :: sila gunakan jenis tulisan yang STANDARD sahaja ..
• Cth : [ Verdana, Times New Roman, Arial, Tahoma ]
• :: pastikan anda menggunakan huruf kecil shj untuk setiap nama fail.
• Cth : nama fail [ Pendahuluan ], taipkan begini à [ pendahuluan ]
• :: pastikan tiada space [ ruang kosong ] di antara 2 perkataan [ nama fail ].
• Cth : nama fail [ biodata saya ], taipkan begini à [ biodata _ saya ]
• :: pastikan semua nama fail disertai dgn [ .html ] dihujungnya.
• Cth : nama fail [ index ], taipkan begini à [ index.html ]
• :: simpan semua fail dalam folder yang telah dikhususkan sahaja !!
• Cth : folder [ myhome ] untuk semua fail & folder [ images ] untuk gambar @ objek.
## Pengenalan Papan Kerja Microsoft Frontpage XP
• Normal [ ruang untuk design, edit, dan ubah apa2 ]
• HTML [ ruang untuk lihat kod HTML - bahasa WEB ]
• Preview [ ruang untuk pralihat laman web yg dibina - x boleh edit di sini !! ]
STEP BY STEP BINA HOMEPAGE
• Buka My Documents
• [ klik kanan ] > New > Folder [ image001 ]
• Namakan folder tersebut myhome
• Buka folder myhome ..
• [ klik kanan ] > New > Folder
• Namakan folder kedua tersebut images
• [ Masukkan warna BACKGROUND ]
• Buka program Microsoft FrontPage ..
• [ klik kanan ] > Page Properties
• Pada [ Title : ... ] , taipkan.. [ website saya ]
• Klik pada [ Background ]
• Lihat [ colors > Background: ] ( pilih warna latar belakang )
• Lihat [ colors > Text: ] ( pilih warna tulisan anda )
• Klik [ OK ] ..
• # buat permulaan, saya tidak menggalakkan anda menggunakan image sebagai latar belakang !!!
# Ia boleh melambatkan proses untuk website di Loading .. [ lambat keluar.. ]
• [ Masukkan LAGU / BUNYI latar .. ]
• Pilih lagu / sound yang dikehendaki [ samada dari Disket / CD / Harddisk ]
• Copy & Paste kesemua gambar tersebut ke dalam folder myhome
• # Cth : Buka : CD MySMPI > Website > Koleksi Sound > [ copy lagu Widuri ]
• # Buka folder myhome > [ Klik paste ]
• Dalam MS FrontPage ..
• [ klik kanan ] > Page Properties
• Pada [ Background Sound ] , Klik pada Browse..
• Cari kembali lagu yang telah di paste tadi [ My Documents > myhome > widuri ]
• Klik [ OK ] ..
• [ HALAMAN UTAMA (muka depan) / index.html ]
• :: sila gunakan kreativiti anda pada bahagian ini ::
• :: [ design & function lebih kurang macam Microsoft Word ] ::
• Sila gunakan tulisan STANDARD sahaja !! [ Cth : Verdana, Arial, Times New Roman ]
• Taipkan.. [ SELAMAT DATANG KE WEBSITE SAYA !! ]
• Taipkan [ biodata saya ]
• Taipkan [ kucing saya ]
• Simpan fail ini dalam folder myhome dengan nama [ index.html ]
• [ Masukkan IMAGE / GAMBAR ]
• Pilih gambar / images yang dikehendaki [ samada dari Disket / CD / Harddisk ]
• Copy & Paste kesemua gambar tersebut ke dalam folder images
• # Cth : Buka : CD MySMPI > Website > Koleksi Gambar > [ copy gambar kucing_cute ]
• # Buka folder myhome > images > [ Klik paste ]
• Dalam MS FrontPage , Ambil :- Insert > Picture > From File... [ cth : kucing_cute ]
• [ Bina Halaman ke-2 [ .: biodata saya :. ]
• Pada Menu Bar, Klik pada ikon New Blank Document [ gambar kertas kosong ]
• Ulangi langkah [ 2 ] dan [ 3 ] ( untuk menukar warna dan bunyi latar )
• Taipkan tajuk .. [ BIODATA SAYA ] ..
• Taipkan sebarang maklumat berkenaan diri anda di sini...
• Jika anda berminat untuk masukkan gambar, sila ikuti langkah [ 5 ] ..
• Simpan fail ini dalam folder myhome dengan nama [ biodata.html ]
• Ikuti langkah [ 6.1 ] hingga [ 6.6 ] untuk halaman-halaman seterusnya..
• [ Bina Halaman ke-3 [ .: kucing saya :. ]
• Pada Menu Bar, Klik pada ikon New Blank Document [ gambar kertas kosong ]
• Ulangi langkah [ 2 ] dan [ 3 ] ( untuk menukar warna dan bunyi latar )
• Taipkan tajuk .. [ KUCING SAYA ] ..
• Taipkan sebarang maklumat berkenaan kucing anda di sini...
• Jika anda berminat untuk masukkan gambar, sila ikuti langkah [ 5 ] ..
• Simpan fail ini dalam folder myhome dengan nama [ kucing.html ]
• Ikuti langkah [ 7.1 ] hingga [ 7.6 ] untuk halaman-halaman seterusnya..
• [ HYPERLINK / PAUTAN ( ke laman biodata.html ) ]
• hyperlink ialah pautan (shortcut) dari sesuatu laman ke laman yang lain
• Cth : apabila anda klik pada icon UMISWEB, satu helaian baru akan dipaparkan
[ untuk semak akaun, keputusan peperiksaan, pendaftaran subjek, SMS dll..]
• Ini bermakna ikon UMISWEB itu mempunyai pautan ke helaian baru tersebut..
• Sekarang kita akan melihat cara menggunakan Hyperlink dalam MS FRONTPAGE ..
• Pada Halaman Utama, highlight kan perkataan [ BIODATA SAYA ]
• Kemudian, Klik Kanan.. pilih [ Hyperlink... ]
• Pada ruangan [ Look in ], cari folder myhome.. klik pada fail biodata.html
• Klik OK ..
• [ HYPERLINK / PAUTAN ( ke laman kucing.html ) ]
• Pada Halaman Utama, highlight kan perkataan [ KUCING SAYA ]
• Kemudian, Klik Kanan.. pilih [ Hyperlink... ]
• Pada ruangan [ Look in ], cari folder myhome.. klik pada fail kucing.html
• Klik OK ..
• [ UPLOAD - pindahkan website anda ke INTERNET ]
• Anda telah berjaya menyiapkan website anda .. namun ia perlu di UPLOAD ( muat naik ) ke INTERNET
untuk membolehkan orang lain menatapnya.
• Ada beberapa langkah yang perlu diikuti untuk maksud tersebut..
• Pertama sekali anda perlu membuka AKAUN.. ( macam akaun Yahoo, Hotmail dll.. )
• Sila ikuti Tutorial UPLOAD ..
|
