Kamis, 17 Desember 2009

membuat website sederhana

MENGENAL FRONTPAGE

FrontPage adalah sebuah program web Authoring berbasis WYSIWYG (What You See Is What You Get), artinya apa yang kita buat desainnya maka hasilnya di browser persis seperti desain kita. FrontPage merupakan salah satu program yang dikeluarkan oleh perusahaan Software Raksasa bernama Microsoft. Jadi jangan heran kalau program ini biasa disebut Microsoft FrontPage.


Keunggulan FrontPage adalah mudah penggunaannya, memiliki tampilan yang mirip

Microsoft Word. Bila Anda terbiasa menggunakan Microsoft Word, tidak terlalu mengalami kesulitan dalam menggunakan program ini. FrontPage sangat hemat untuk urusan pembuatan website statis, yaitu website yang bersifat satu arah, tidak memiliki sarana komunikasi antara pengunjung dengan pemilik situs. Itu dikarenakan kemudahan dalam pemakaiannya, serta Anda tidak perlu dipusingkan dengan urusan pembuatan kode-kode HTML dalam mendesain sebuah website sebab FrontPage secara otomatis akan membuatnya.


Selain mode WYSIWYG (mode Normal), Anda bisa mendesain menggunakan tampilan HTML. Mode ini berguna saat Anda ingin menyisipkan kode JavaScript. Ini salah satu kekurangan FrontPage, yaitu tidak memiliki fasilitas dukungan penuh JavaScript.


BEKERJA DENGAN FRONTPAGE

  1. LANGKAH AWAL

  1. Sebelum memulai proyek pembuatan website statis, sebaiknya Anda persiapkan sebuah folder dan berilah nama (misalnya:“Websiteku”)

  2. Buat pula sub folder dengan nama “images”. Kopikan semua gambar yang akan Anda gunakan untuk website


  1. MEMBUKA LEMBAR KERJA BARU

  1. Klik Start, Program, Mirosoft Office Front Page atau double klik icon Ms. Office Front Page

  2. Klik File, New, kemudian pilih Blank Page atau klik icon New pada toolbar


  1. MENGGANTI LATAR

  1. Klik kanan lembar kerja Anda, pilih menu Format >> Background …

  2. Muncul jendela Page Properties >> Background

  3. Pilih warna kesukaan Anda pada bagian Background atau klik kotak Background Picture, Browse gambar yang ingin dijadikan latar (bila ingin membuat latar dengan menggunakan latar), kemudian klik OK

  1. MENYISIPKAN GAMBAR

  1. Klik menu Insert >> Picture >> From File

  2. Jendela Picture terbuka. Carilah file ingin Anda sisipkan di folder images Anda

  3. Lanjutkan dengan klik tombol Insert


  1. MENYISIPKAN TOMBOL

  1. Klik menu Insert >> Interactive Buttons >> Button

  2. Pilih salah satu jenis tombol yang disediakan

  3. Pada bagian Text, ketik nama tombol (misalnya: home) kemudian klik OK


  1. MEMBUAT HYPERLINK

  1. Blok teks yang akan di link

  2. Tekan CTRL+K atau toolbar hyperlink atau pilih menu Insert >> Hyperlink …

  3. Pilih halaman yang ingin dituju, kemudian klik OK


  1. MENYIMPAN NASKAH HTML

  1. Untuk menyimpan naskah cukup tekan CTRL+S, kemudian simpan pada foder “Websiteku”. Berilah nama index.htm. Penamaan index,html atau index.htm adalah mutlak, sebab ketika Anda membuka sebuah situs, maka yang Anda akses sesungguhnya file yang bernama index.html, index.htm, index.php atau index.asp

  2. Jangan lupa klik tombol Save


  1. MELIHAT HASIL

  1. Tutup semua file Ms. Front Page

  2. Buka Folder “Websiteku”, double klik index.html


  1. MENGEDIT WEBSITE

  1. Buka folder “Websiteku”

  2. Klik kanan file yang ingin diedit, klik Open With >> Ms. Front Page