Beberapa hal yang harus diperhatikan dalam membuat homepage
1. tujuan dibuatnya homepage
2. siapa yang akan menjadi target untuk melihat homepage
3. klarifikasikan informasi yang akan ditampilkan
4. hasil klarifikasi akan mewakili satu halaman homepage
Tiga kriteria tools yang digunakan sebagai alat bantu pengembangan homepage
1. editor HTML
fungsi :
- mendesain homepage dan komponennya
- menggabungkan gambar, suara dan animasi yang telah dibuat dalam halaman homepage
2.editor graphics
fungsi : mengedit gambar yang akan ditampilkan pada homepage (memodifikasi warna, memotong gambar,menggabungkan gambar, dll)
3. editor multimedia animasi dan suara
fungsi : membuat animasi gambar dan suara
Membuat layout homepage yang diinginkan
1. start - all programs - microsoft frontpage
2. file - new - page or web
3. pilih page templates
4. pilih jenis frame
5 klik OK
Menerapkan hyperlink
Langkah-langkah membuat hyperlink dengan microsoft frontpage
- aktifkan microsoft frontpage
- buat tulisan "link ke halaman lain"
- blok tulisan "link ke halaman lain" dengan cara men-drag tombol kiri mouse
- tekan tombol Ctrl + K pada keyboard sehingga akan menampilkan kotak dialog insert hyperlink
- setelah file disimpan dan dijalankan, kita klik "link ke halaman lain" maka akan membuka halaman tujuan tersebut
Langkah-langkah membuat hyperlink dengan tag HTML
- aktifkan microsoft frontpage
- buat tulisan "link ke halaman lain"
- klik tab HTML di bagian bawah dokumen
- selanjutnya, akan ditampilkan sintaks HTML
- letakkan kursor di depan kata "Link" dan dibelakang tag (p)
- ketikkan tag (a href="linktujuan.htm)
- letakkan kursor di belakang kata "lain" dan di depan tag (/p)
- ketikkan tag (/a)
- klik tab normal di bagian bawah dokumen
Menerapkan Cascading Style Sheet
Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format :
- bentuk huruf
- ukuran huruf
- format huruf
- warna huruf
- warna background
- warna hyperlink
- format textbox
Cara mengakses CSS
1. aktifkan microsoft frontpage
2. file - new - page or web
3. pilih page templates
4. pilih tab style sheets
5. pilih jenis style sheets
6. klik OK
Membuat aplikasi dalam sistem yang terintegrasi
1. Membuat aplikasi terintegrasi dengan microsoft frontpage
+ diperlukan sebuah skenario yang sederhana.
+ fungsi skenario : untuk memandu kita dalam menentukan apasaja yang dapat dilakukan oleh suatu halaman atau website.
2. Menentukan directory lokasi kerja
+ langkah-langkah :
1. buat directory SMUKU pada drive C
2. buat directory/folder image dan buat directory/folder CSS
3. Membuat halaman homepage
+ terdiri atas 4 halaman.
4. Mengaplikasikan CSS
Membuat grafis sesuai dengan homepage yang diinginkan
langkah-langkah :
1. aktifkan adobe photoshop
2. file - new
3. lakukan pengaturan pada kotak dialog
4. pilih rectangle tool dan sebelumya pilih warna di set foreground colour
5. berikan efek dengan cara filter - texture - texturizer
6. ganti warna dengan cara mengklik tool set foreground color
7. klik horizontal type tool pada toolbox, tuliskan SMUKU KELAS 3A ANGKATAN 2005.
8. klik move tool pada toolbox
9. save dengan format GIF dalam subfolder image
Mendaftarkan alamat domaincke provider web hosting
+ Untuk mencari nama domain, saat ini sudah banyak web hosting atau domain hosting yang mempunyai kemampuan untuk itu, baik lokal maupun internasional. tetapi yang paling lengkap yaitu internic.com atau register.com
Melakukan Upload
+ untuk lebih mudah memahami cara melakukan upload dan perbaikan data homepage, gunakan fasilitas gratis dari yahoo! dengan alamat http://www.yahoo.com
Memperbaiki dan merevisi data yang sudah ada
langkah-langkah :
1. aktifkan yahoo!geocities, lakukan login
2. aktifkan geocities control panel, pilih menu manage - link file manager - open file manager
3. upload file
4. ubah gambar fish.jpg yang terdapat dalam setiap halaman
5. ubah link
6. save
BAB 5 : Membuat Homepage Sederhana
-
