Membuat HOMEPAGE Sederhana

A. Menentukan Perangkat Lunak Untuk Membuat Homepage


~ Hal-hal yang harus diperhatikan dalam membuat homepage :

• tujuan dibuatnya homepage

• siapa yang menjadi target untuk melihat homepage yang akan kita buat

• klasifikasikan informasi yang akan ditampilkan dalam homepage

• hasil klasifikasi akan mewakili satu halaman homepage, yang lain menjadi hyperlink

• buat sebuah skenario dari setiap hasil klasifikasi


~ Tiga kriteria teks untuk membantu pengembangan homepage yaitu :


1. Editor HTML
Digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu, editor HTML juga digunakan untuk menggabungkan gambar, suara, dan animasi. Editor HTML bersifat Graphical User Interface. Contohnya Microsoft Front Page XP.

2. Editor Graphics

Digunakan untuk mengedit gambar yang akan ditampilkan pada homepage. Contohnya CorelDRAW dan Adobe Photoshop.


3. Editor Multimedia Animasi dan Suara

Digunakan untuk membuat animasi gambar dan suara. Contohnya Macromedia Flash.


B. Membuat Layout Homepage yang Diinginkan


Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan. Penggunaan layout untuk navigasi ini tergantung pada jenis navigasi dan informasi yang akan ditampilkan dalam homepage. Untuk melihat dan memilih jenis layout yang tersedia dalam MS FrontPage XP.


* Langkah- langkah yang kita lakukan pada saat akan membuat halaman atau website baru yaitu :

• Pilih tombol Start -> All Programs -> Microsoft FrontPage.

• Pilih menu File -> New -> Page or Web.

• Pilih Page Templates.

• Pilih tab Frames Pages.

• Pilih jenis Frame yang kamu inginkan ->OK.


C. Menerapkan Hyperlink


Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Dengan hyperlink, kita dapat menuju ke informasi yang akan kita akses pada page lain.


* Langkah-langkah membuat hyperlink dengan MS Front Page yaitu :

• Aktifkan aplikasi MS Front Page.

• Buat tulisan "Link ke halaman lain".

• Blok tulisan "Link ke halaman lain".

• Tekan tombol Ctrl + K pada keyboard sehingga akan tampil 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, yaitu :

• Aktifkan aplikasi MS Front Page.

• 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] pada sintaks HTML.

• Ketikkan tag [a href="linktujuan.htm] di depan kata “Link” dibelakang tag [p].

• Letakkan kursor di belakang kata "Lain" dan di depan tag [/p]. Ketikkan tag [/a].

• Klik tab Normal di bagian bawah dokumen untuk melihat hasi akhir.


D. Menerapkan Cascading Style Sheet (CSS)


Dalam memberi efek warna dan tampilan pada homepage kita tidak perlu bingung karena Microsoft FrontPage XP telah menyediakan CSS.


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

>> bentuk huruf >> warna background

>> format huruf >> warna hyperlink

>> ukuran huruf >> format textbox

>> warna huruf


~ Cara mengakses CSS yaitu :

• Aktifkan Microsoft FrontPage

• Pilih File -> New -> Page or Web

• Pilih Page Templates

• Pilih tab Style Sheet -> OK


E. Membuat aplikasi dalam Sistem yang Terintegrasi


1. Membuat aplikasi terintegrasi dengan MS Front Page.

Untuk membuat situs, diperlukan sebuah skenario sederhana. Fungsi scenario tersebut yaitu untuk memandu kita dalam pembuatan situs. Jika skenario sudah dibuat, maka implementasi atau pembuatan website tidak akan mengambang.


2. Menentukan Directory Lokasi Kerja.

Directory tempat kita menyimpan file-file hasil kerja harus dipersiapkan dengan baik dan terorganisir. Pengorganisasian ini untuk mempermudah pencarian file hasil kerja pada saat diperlukan.


3. Membuat halaman pada homepage.


4. Mengaplikasikan CSS.


F. Membuat Grafis Sesuai Dengan Homepage yang Diinginkan


Kita dapat membuat logo atau gambar grafis dengan menggunakan Adobe Photoshop 7.0 atau dengan editor grafis lainnya.


G. Mendaftarkan Alamat Domain ke Provider Web Hosting


Untuk mempublikasikan homepage yang telah dibuat melalui Internet, kita perlu mempunyai alamat di Internet yang disebut domain. Untuk mendapatkannya kita harus membeli domain tersebut. Nama domain bersifat sangat spesifik atau bersifat unik. Untuk mendapat domain yang sama maka kita harus menggunakan ekstension yang berbeda. Untuk pencarian domain saat ini sudah banyak web hosting namun yang paling lengkap adalah http://www.internic.com dan http://ww.register.com.


- Cara mendaftarkan alamat domain yaitu :

• aktifkan Internet Explorer. ketik http://ww.register.com.

• ketik nama domain yang akan kita cari.

• apabila domain yang kita tuju sudah ada, maka ganti nama domain atau ekstensinya.

• kita dapat membeli domain tersebut menggunakan kartu kredit atau melalui perusahaan hosting dengan pembayaran fleksibel.


H. Melakukan Upload


• sign up atau log in -> klik link Build your websites now!

• Manage -> File Manager -> Open File Manager.

• upload files -> browse -> File Manager [yang ada dibawah halaman].

• new -> beri nama subdirektori [image]-> create.

• ulangi langkah tadi namun subdirektori bernama CSS.

• lakukan proses pengeditan melalui editor HTML -> save.

• untuk melihat tampilan homepage yang telah diupload klik View My Site di kanan atas.


I. Memperbaiki dan Merevisi data yang sudah ada


Kita dapat memperbaiki homepage pada Yahoo! Geocities agar mudah diakses.


* Langkahnya yaitu :

• aktifkan Yahoo! Geocities dan log in.

• aktifkan GeoCities Control Panel -> Manage -> File Manager -> Open File Manager.

• Upload file dengan mengklik Browse.

• Ubah bagian yang ingin kamu ubah -> Save.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

0 Response to "Membuat HOMEPAGE Sederhana"

Posting Komentar