Tutorial membuat website dengan frontpage 2003 untuk pemula

Untuk membuat sebuah website, kita memerlukan program website editor. Ada beberapa program editor yang bisa kita gunakan untuk membuat website, beberapa diantaranya adalah Microsoft FrontPage, Macromedia Dreamweaver, Notepad, Microsoft Office Publisher, Joomla, WordPress dan lain-lain. Pada kesempatan kali ini kita coba memakai program FrontPage 2003 sebagai penjelasan dalam membuat website. Kita asumsikan bahwa program tersebut sudah diinstall dalam komputer Anda yang berbasis Windows.

Membuat Halaman Website
Buka program frontpage Anda, sehingga memudahkan mengecek tampilan yang ada. Program frontpage itu sangat mudah, apalagi bagi Anda yang terbiasa dengan program Microsoft Word dalam penulisan dokumen. Jadi saya yakin 1 hari aja udah mahir.

Latihan Sederhana
Buat folder khusus untuk menyimpan hasil pembuatan website kita, misalkan saja kita membuat folder di D:\website\Latihan. Selanjutnya kita membuat latihan sederhana dengan judul website kita adalah Badminton dengan penambahan isi yaitu nama Anda, alamat email anda. Adapun langkah-langkahnya adalah sebagai berikut :

* Buka program frontpage milik Anda
* Buat Halaman baru dengan cara mengklik icon “create a New Normal Page” yang ada di pojok kiri atas program. Klik file_new.
* Isikan tulisan di halaman tersebut yaitu judul website “Peluang Bisnis”, nama Anda dan email Anda. Untuk membuat baris atau paragraf baru klik enter

Mengatur Format
Dari langkah awal diatas kita coba mengatur format tulisan dengan langkah-langkah sebagai berikut :

1. Blok/highlight tulisan Badminton dengan menggunakan mouse atau pakai tombol shift dan panah
2. Lihat menu font size yang bertuliskan “times new roman” dan sebelah kanannya adalah angka 3(12pt)
3. Ganti ukuran menjadi 6(24pt), tekan icon B agar dicetak tebal, lalu klik alignment center (rata kiri kanan).
4. Ganti warna teks sesuai selera anda

Membuat Hyperlink
Hyperlink adalah suatu cara untuk menghubungkan dari halaman kita bekerja atau dari suatu kata atau dokumen ke bagian lainnya. Nah bagian lainnya itu bisa berada dalam halaman yang sama, bisa dalam halaman yang berbeda ataupun bisa dalam website yang berbeda. Untuk contoh, kita buat kalimat di bawah email tadi dengan mengetikan :

“untuk informasi tentang peluang bisnis silakan Anda melihat di website elhaidar-blog”.

Ikuti langkah-langkah berikut :
* Blok tulisan elhaidar-blog
* Arahkan mouse pada bagian yang sudah diblok, klik kanan dan pilih menu “Hyperlink”
* Lihat pada kolom address, masukan isian kotak dengan alamat http://www.duniaakademi.blogspot.com
* Klik tombol OK

Catatan :
Ada kalanya pada saat mengklik kanan teks yang diblok, kita tidak menemukan menu Hyperlink. Hal ini karena fasilitas check spelling pada program frontpage masih aktif. Matikan dulu fasilitas ini dengan cara masuk ke menu Tools, pilih Page Options, lalu hilangkan tanda check pada “check spelling as you type” lalu klik tombol OK.

Lalu bagaimana cara membuat hyperling ke suatu halaman tertentu yang ada di website kita? Caranya adalah anda buat halaman lain yang akan menjadi target hyperlink-nya dahulu.

Misalkan kita sudah membuat 4 halaman dengan nama file : hal1.htm, hal2.htm, hal3.htm, hal4.htm. Buatlah terlebih dahulu walaupun isinya hanya judul saja, misalkan HALAMAN 1, dst. Caranya sama seperti pada langkah di awal tadi. Halaman awal tadi yang pertama kita buat, beri nama filenya index.htm

Langkahnya adalah sebagai berikut :

· Buat daftar link menu pada halaman index.htm kita, yang kita buat pertama kali, misalnya dengan membuat teks sebagai berikut :

untuk mengenal peluang bisnis anda dapat membacanya pada artikel kami dibawah ini :

o Artikel 1
o Artikel 2
o Artikel 3
o Artikel 4

· Highlight/blok pada tulisan artikel 1, klik tombol kanan mouse dan pilih menu Hyperlink

· Pada kotak hyperlink, lihat bagian “look in:”. Klik pada kolom look in tadi untuk mencari nama file yang dimaksud. Misalkan kata Artikel 1 akan kita hubungkan dengan halaman 1 (hal1.htm).

· Usahakan kita mengumpulkan semua halaman untuk satu website dalam satu folder. Misalkan kita membuat situ tentang Badminton maka buatkan folder D:\website\bisnisanda. Masukan semua file dalam folder bisnisanda untuk memudahkan mencari halaman-halaman yang akan kita link.

· Apabila hal1.htm sudah ketemu, klik 1x pada nama file tersebut dan tekan tombol OK.

· Lakukan hal yang sama untuk melakukan link artikel2 sampai artikel 4

· Untuk mengujinya, klik menu Preview di bagian kiri bawah. Klik bagian teks yang dilakukan hyperlink.

Perlu diketahui :

Dibagian bawah menu front page ada 4 menu yaitu :
* Design : berfungsi untuk mendesain awal semua website kita, dengan cara yang mudah.
* Split : berfungsi untuk menampilkan tampilan desain dan tampilan code dalam satu jendela. Fungsinya untuk memudahkan kita untuk memasukan code-code script. Misalkan kita akan memasukan code script adsense kita pada lokasi yang kita inginkan. Apabila kita belum mahir dalam bahasa script, ini sangat membantu. Tinggal tempatkan cursor di area design yang diinginkan, maka lihat di tampilan kode, kursor itupun akan ditampilkan. Nah copy paste code html adsense di tempat code, dimana cursornya aktif.
* Code : merupakan bahasa script website kita, bahasa program yang dimengerti oleh manusia dan komputer atau robot apapun.
* Preview : untuk melihat tampilan yang akan keluar dalam browser baik internet explorer, mozzila fire fox ataupun lainnya.