BAB 5. Membuat Homepage Sederhana

BAB 5. Membuat Homepage Sederhana

A. Menentukan perangkat lunak untuk membuat homepage

Membuat homepage atau wibesite tidak sulit.dengan memperatikan beberapa hal di bawah ini :
1. Tujuan di buatnya homepage
2. Siapa (anak-anak/remaja/orang dewasa)
3. Klasifikasikan informasi yang akan di tampilkan dalam homepage
4. Hasil klasifikasi tersebut akan mewakili satu halaman homepage
5. Buat scenario dari setiap hasil klasifikasi tersebut agar informasi yang di tampilkan benar-benar jelas

1. 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.

2. 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.

3. 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.


B. 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.

C. Menerapkan Hyperlink

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

D. Menerapkan Cascading Style Sheet

Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format, yaitu :

1. Bentuk huruf
2. Ukuran huruf
3. Format huruf
4. Warna huruf
5. Warna background
6. Warna hyperlink
7. Format textbox

Beberapa CSS yang telah tersedia dalam Microsoft frontpage XP,dapat diakses dengan langkah-langkah berikut
1. Aktifkan Microsoft frontpage XP
2. Pilih menu file → New→ Page or Web
3. Pilih page templates pada bagian new front templates
4. Akan di tampilkan kotak dialog
5. Pilih jenis style sheet


E. Membuat Aplikasi dalam Sistem yang terintegrasi

1. 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
2. Menentukan directory lokasi kerja
a. Buat directory SMUKU pada drive C
b. Dalam directory C :\SMUKU
c. Pada windows explorer akan terlihat struktur file
3. Membuat halaman pada homepage
Homepage yang akan kita buat terdiri atas 4 halaman. Setiap halaman memperlihatkan tampilan yang berbeda sesuai dengan fungsontya masing-masing


F. Membuat grafis sesuai dengan homepage yang diinginkan

> Langkah-langkah membuatnya sebagai berikut :
1. Aktifkan adobe photoshop
2. Pilih menu file →new
3. Akan ditampilkan kotak dialog new
4. Akan ditampilkan lembar baru
5. Pilih rectangle tool pada tool box
6. Berikan efek text urizer pada halaman kerja
7. Ganti warna dengan biru tua
8. Klik horizontal type tool pada toolbox
9. Menyimpan gambar dengan nama logosmuku


G. 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 :
1. Aktifkan internet explorer
2. Cari kontak pencarian domain
3. Hasilnya akan terlihat
4. Mencari domain lain yaitu sekolahsmuku.com.
5. Hasil pencarian sekolahsmuku.com akan terlihat.


H. Melakukan Upload

Cara melakukan upload dan perbaikan data homepage, kita dapat menggunakan fasilitas gratis dari yahoo.langkah-langkahnya sebagai berikut :
1. Daftarkan nama sekolahmu sebagai user atau pengguna yahoo geocities.
2. Untuk yang pengguna baru akan di tampilkan halaman untuk melakukan registrasi.
3. Lakukan proses registrasi secara lengkap
4. Akan di tampilkan halaman geocities control panel.
5. Klik link open file manager
6. Akan di tampilkan fasilitas untuk melakukan upload
7. Akan di tampilkan pesan bahwa upload telah berhasil
8. Tekan link file manager yang terdapat di bagiab halaman bawah
9. Tekan tombol New di bawah subdirectories
10. Buat sebuah subdirectory
11. Edit feli index.htm yang sudah di sediakan geocities
12. Lakukan proses pengeditan melalui editor HTML tang tersedia
13. Klik dua kali subdirectory
14. Untuk menampilkan halaman homepage yang telah kamu upload, klik link View my site yang tedapat di halaman kanan atas

I. 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 :
1. Aktifkan yahoo! Geocities, lakukan login dengan nama sekolahsmuku
2. Aktifkan geocities control panel. Lalu klik link file manager
3. Upload file logosmuku.gif dengan cara melakukan tombol browser di sebelah kanan kotak upload file
4. Ubah gambar fish.jpg yang tedapat pada halaman. Caranya sama terhadap pengeditan terhadap halaman index.
5. Ubah link lalu tekan tombol save
6. Untuk menampilkan gambar yang sudah di ubah, klik limk view my site di bagian kanan halaman