Pengenalan Microsoft FrontPage XP dan Membuat Halaman Lain

MODUL Ia

Pengenalan Microsoft FrontPage XP dan Membuat Halaman Lain

Tujuan

Mempelajari cara membuat web dengan Microsoft Frontpage XP dan Mempelajari cara membuat halaman lain web dengan menggunakan Microsoft Front Page XP

Teori

            Microsoft FrontPage XP adalah tool untuk desain web yang terkenal. Seperti pendahulunya, Frontpage XP juga dikemas menjadi satu paket bersama Word, Excel, Power Point, Access, Outlook yaitu sebagai Microsoft Office XP.

Frontpage X dirancang sebagai tool yang mudah untuk menghasilkan halaman atau situs web, tanpa perlu pemrograman. Ada beberapa tahap yang diperlukan untuk men-disain situs web, yaitu:

1. Membuat daftar kebutuhan dan menetapkan tujuan

2. Mengorganisasi informasi

3. Menentukan struktur aplikasi

4. Menentukan struktur navigasi

Home Page adalah halaman awal yang akan dibuka ketika seseorang mengunjungi situs web kita. Selanjutnya dari Home Page bisa dibuka halaman-halaman lainnya.

I. Praktik

Membuat Home Page

Tahap pertama membuat situs adalah membuat home page. Langkahnya:

1. Jalankan Microsoft FrontPage XP

                Jendela Views

Main Menu            Jendela Form                 

 

2. Dari menu File arahkan ke New, lalu klik Page or Web. Muncul Task Pane dengan tema New Page or Web.

3. Pada taks pane, di bawah kelompok New from Template, klik icon Web Site Templates. Muncul kotak dialog Web Site Templates.

4. Klik icon One Page Web, lalu pada kotak isian Specify the location of the new web, tuliskan URL web site anda yang diberikan oleh ISP (Internet Service Provider). Dalam contoh ini penulis menggunakan server sendiri bernama master, dan publikasinya dengan folder web1. Kemudian klik OK. FrontPage XP akan membuat sebuah web site pada server, yaitu komputer anda sendiri yang bernama seperti yang telah anda berikan. Hasilnya berupa suatu situs dengan sebuah halaman kosong.

5. Jika belum tampak halaman putih di bidang sebelah kanan, pada Folder List klik ganda icon Default.htm

6. Kemudian tuliskan kalimat: “Selamat datang di Web Site pertama saya”

7. Pada toolbar klik tombol Save, atau aktifkan File à Save.
8. Kemudian klik Preview in Browser, atau aktifkan File à Preview in Browser. Browser akan diaktifkan dan menampilkan halaman Anda. Hasilnya:

9. Tutuplah browser dan kembali ke Front Page XP, selanjutnya Anda bisa menambahkan kalimat Anda sendiri.
10. Gunakan tombol-tombol yang ada di toolbar Formatting untuk mengatur format teks agar lebih menarik.

II.Praktik

Bukalah web yang telah Anda buat pada Praktik I.. Setelah terbuka ikutilah petunjuk di bawah ini.

Langkah pembuatan halaman lainnya:

1.      Pada kolom View (bidang sebelah kiri) klik icon Navigation, Front Page XP mengubah tampilan menjadi Navigation View. Perhatikan, pada tampilan tersebut hanya terdapat sebuah icon halaman, yaitu halaman Home Page.

2.      Klik kanan icon halaman Home Page, lalu aktifkan perintah New à Page. Terbentuk sebuah halaman kosong.

3.      Klik judul halaman tersebut lalu tuliskan Anak_1.

4.      Ulangi langkah di atas untuk membuat halaman baru bernama Anak_2.

5.      Pada halaman Anak_1 buatlah halaman Cucu_1, Cucu_2, Cucu_3. Kemudian buatlah halaman baru Cucu_4, Cucu_5, Cucu_6 pada halaman Anak_2.

6.      Setelah halaman telah kita buat mulai dari home page, Anak, hingga Cucu. Sekarang kita akan membuat bidang umum yang akan muncul di setiap halaman. Ruangan untuk navigator terletak di atas (Top). Sarana pembuat Top adalah Shared Borders. Tidak hanya Top yang bisa dihasilkan oleh Shared Borders, namun juga Left yang berguna untuk membuat Link bar vertikal di sebelah kiri halaman. Juga tersedia Bottom untuk membuat ruang dibagian bawah. Cara pemakaian Shared Borders adalah:

7.      Klik icon Default.htm (Home Page).

8.      Aktifkan perintah Format à Shared Borders. Muncul kotak dialog Shared Borders

9.      Klik pilihan All pages.

10.  Klik pilihan Top, Left, dan Bottom. Pada Top, aktifkan juga pilihan Include navigation buttons.

11.  Klik OK. Untuk melihat hasilnya pada halaman, klik icon Page pada bidang kiri untuk berpindah ke tampilan halaman.

12.  Setelah langkah di atas Anda dapat menambahkan hiasan grafis yang meliputi latar belakang, tombol, navigasi dan sebagainya u ntuk situs Anda. Hiasan ini dinamakan tema atau theme, yang akan muncul secara seragam di seluruh halaman web. Cara pemasangannya:

13.  Aktifkan Format à Themes. Muncul kotak dialog Themes.

14.  Klik pilihan All pages, lalu pilihlah salah satu tema pada daftar yang disediakan di sebelah kiri. Misalnya Capsules.

15.  Klik OK, tema akan diterapkan ke situs Anda. Hasilnya seperti ini:

16.  Selanjutnya Anda bisa mencobanya di browser dengan cara klik tombol Preview inbrowser.

Tugas:

Gantilah tema, cobalah semuanya. Setelah itu gantilah sesuai keinginan Anda. Cara untuk mengganti tema, aktifkan lagi Format à Themes dan pilihlah tema baru.

Jangan lupa simpanlah pekerjaan Anda karena akan digunakan pada Modul 3.