BAB 5
B. Menentukan perangkat lunak untuk membuat homepage
Membuat homepage atau wibesite tidak sulit.dengan memperatikan beberapa hal di bawah ini :
6. Tujuan di buatnya homepage
7. Siapa (anak-anak/remaja/orang dewasa)
8. Klasifikasikan informasi yang akan di tampilkan dalam homepage
9. Hasil klasifikasi tersebut akan mewakili satu halaman homepage
10. Buat scenario dari setiap hasil klasifikasi tersebut agar informasi yang di tampilkan benar-benar jelas
4. Editor HTML
Editor HTML digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu editor HTML di gunakan untuk menggabungkan gambar,suara,dan animasi yang telah di buat dalam satu halaman homepage. Editor HTML yang bersifat graphical user interface.
5. Editor Graphics
Editor grafis di gunakan untuk mengedit gambar yang akan di tampilkan dalam homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar/memperkecil /menggabungkan/member efek pada gambar dan siap untuk di tampilka pada homepage.
6. Editor, Multimedia, Animasi dan Suara
Editor multimedia di gunakan untuk membuat animasi gambar dan suara. Terdapat suatu editor animasi yang paling populer yaitu : macromedia flash. Macromedia flash tidak hanya digunakan untuk membuat animasi gmbar dan suara, tetapi juga digunakan untuk membuat suatu homepage multimedia.




J. Membuat Layout Homepage Yang Diinginkan
Layout atau frame merupakan bentuk format navigasi dari homepage yang akan di tampilkan. Terdapat beberapa layout halaman homepage yang dapat kita gunakan dan tersedia di Microsoft frontpage XP.

K. Menerapkan Hyperlink
Hyperlink di gunakan sebagai alat navigasi halaman pada homepage. Langkah-langkah membuat hyperlink :
7. Aktifkan aplikasi Microsoft frontpage XP
8. Buat tulisan “ link kehalaman lain” pada dokumen baru yang di tampilkan pertama x
9. Blok tulisan “link kehalaman lain” dengan cara men-drag tombol kiri mouse.
10. Tekan tombol ctrl+k pada keyboard sehingga akan di tmpilkan kota dialog insert hyperlink
11. Hasilnya akan terlihat
12. Setelah file di simpan dan di jalankan

L. Menerapkan Cascading Style Sheet
Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format, yaitu :

8. Bentuk huruf
9. Ukuran huruf
10. Format huruf
11. Warna huruf
12. Warna background
13. Warna hyperlink
14. Format textbox
Beberapa CSS yang telah tersedia dalam Microsoft frontpage XP,dapat diakses dengan langkah-langkah berikut
6. Aktifkan Microsoft frontpage XP
7. Pilih menu file → New→ Page or Web
8. Pilih page templates pada bagian new front templates
9. Akan di tampilkan kotak dialog
10. Pilih jenis style sheet

M. Membuat Aplikasi dalam Sistem yang terintegrasi
4. Membuat aplikasi terintegrasi dengan Microsoft front page
Fungsi dari scenario yaitu untuk memandu kita dalam menentukan apa saja yang dapat kita lakukan oleh suatu alamat atau website. Homepage tersebut terdiri atas 4 halaman yang akan saling berhubungan satu sama lain
5. Menentukan directory lokasi kerja
d. Buat directory SMUKU pada drive C
e. Dalam directory C :\SMUKU
f. Pada windows explorer akan terlihat struktur file
6. Membuat halaman pada homepage
Homepage yang akan kita buat terdiri atas 4 halaman. Setiap halaman memperlihatkan tampilan yang berbeda sesuai dengan fungsontya masing-masing


N. Membuat grafis sesuai dengan homepage yang diinginkan
Langkah-langkah membuatnya sebagai berikut :
10. Aktifkan adobe photoshop
11. Pilih menu file →new
12. Akan ditampilkan kotak dialog new
13. Akan ditampilkan lembar baru
14. Pilih rectangle tool pada tool box
15. Berikan efek text urizer pada halaman kerja
16. Ganti warna dengan biru tua
17. Klik horizontal type tool pada toolbox
18. Menyimpan gambar dengan nama logosmuku

O. Mendaftarkan Alamat Domain Ke Provider Web Hosting
Untuk mempublikasikan homepage yang telah di buat melalui internet, kita perlu mempunyai alamat di internet yang di sebut domain, untuk mendaftarkan alamat ke internet, kita harua membeli domain tersebut . langkah – langkah di bawah ini untuk mendaftarkan alamat domain :
6. Aktifkan internet explorer
7. Cari kontak pencarian domain
8. Hasilnya akan terlihat
9. Mencari domain lain yaitu sekolahsmuku.com.
10. Hasil pencarian sekolahsmuku.com akan terlihat.

P. Melakukan Upload
Cara melakukan upload dan perbaikan data homepage, kita dapat menggunakan fasilitas gratis dari yahoo.langkah-langkahnya sebagai berikut :
15. Daftarkan nama sekolahmu sebagai user atau pengguna yahoo geocities.
16. Untuk yang pengguna baru akan di tampilkan halaman untuk melakukan registrasi.
17. Lakukan proses registrasi secara lengkap
18. Akan di tampilkan halaman geocities control panel.
19. Klik link open file manager
20. Akan di tampilkan fasilitas untuk melakukan upload
21. Akan di tampilkan pesan bahwa upload telah berhasil
22. Tekan link file manager yang terdapat di bagiab halaman bawah
23. Tekan tombol New di bawah subdirectories
24. Buat sebuah subdirectory
25. Edit feli index.htm yang sudah di sediakan geocities
26. Lakukan proses pengeditan melalui editor HTML tang tersedia
27. Klik dua kali subdirectory
28. Untuk menampilkan halaman homepage yang telah kamu upload, klik link View my site yang tedapat di halaman kanan atas

Q. Memperbaiki dan Merevisi Data yang Sudah Ada
Dalam memperbaiki homepage yang telah kita buat pada yahoo! Geocities agar mudah di akses. Langkah- langkahnya sebagai berikut :
7. Aktifkan yahoo! Geocities, lakukan login dengan nama sekolahsmuku
8. Aktifkan geocities control panel. Lalu klik link file manager
9. Upload file logosmuku.gif dengan cara melakukan tombol browser di sebelah kanan kotak upload file
10. Ubah gambar fish.jpg yang tedapat pada halaman. Caranya sama terhadap pengeditan terhadap halaman index.
11. Ubah link dengan lalu tekan tombol save
12. Untuk menampilkan gambar yang sudah di ubah, klik limk view my site di bagian kanan halaman