Subscribe

Membuat Website dengan Aplikasi Frontpage bag.4

Membuat Website dengan Aplikasi Frontpage bag.4
MENGATUR BACKGROUND PROPERTIES
Tab Background pada kotak dialog Page Properties merupakan tempat dimana anda dapat menentukan gambar
background/latar belakang, teks dan warna link dari Web. Untuk melanjutkan latihan anda, ikuti langkah-langkah
berikut :
1. Klik tab Background
2. Untuk menentukan gambar background halaman anda, periksa kotak check Background Picture. Klik tombol
Browse. Kotak dialog Select Bckground Picture akan muncul
3. Untuk menyisipkan gambar/picture background dari folder lain, klik tombol Select a File on Your Computer
yang berlokasi di bagian kanan bawah kotak dialog
4. Gunakan kotak Look In untuk mencari folder tersebut. Misal cari backgrnd.jpg dan pilih OK untuk kembali ke
tab Background pada kotak dialog Page Properties
5. Untuk membuat gambar background yang watermark (gambar background tetap yang tidak dapat menggulung),
aktifkan kotak check Watermark. Watermark merupakan feature Internet Explorer yang mungkin tidak bekerja
di browser lain
6. Dari Background drop-down list, pilih More Colors untuk membuka kotak dialog More Colors. Anda dapat
memilih warna dari matrik warna menggunakan kotak dialog ini.
7. Pilih warna yang anda inginkan (misal light purple). Pada Value akan terbaca Hex={CC,CC,FF}. Pilih OK
untuk kembali ke tab Background
8. Serupa, dari Text drop-down menu, pilih warna terakhir pada baris pertama pada matrik warna. Pada Value
akan terbaca Hex={00,00,66}
9. Untuk warna Hyperlink, pilih warna terakhir di baris kesepuluh(baris keempat dari bawah) dari matrik warna.
Pada Value akan terbaca Hex={99,33,66}
10. Untuk warna Visited Hyperlink, pilih warna yang berada disebelah warna terakhir baris kesembilan(baris
kelima dari bawah) pada matrik warna. Pada Value akan terbaca Hex={CC,33,99}
11. Untuk warna Active Hyperlink, pilih warna yang berada disebelah warna terakhir baris kedua pada matrik
warna. Pada Value akan terbaca Hex={33,33,FF}
12. Klik OK untuk keluar dari kotak dialog Page Properties.
Gambar background akan muncul pada halaman anda.
13. Pilih File, Save(Ctrl+S) atau klik tombol Save pada
Standard toolbar. Kotak dialog Save As akan muncul
14. Judul yang anda masukkan pada langkah 7 akan muncul
di bagian Page Title. Dari list/daftar folder di Web anda,
klik dua kali folder the_private. Kemudian masukkan
webcolors.htm di bagian File Name.
15. Pilih Save untuk menyimpan halaman ke Web. Kotak
dialog Save Embedded Files akan muncul.
16. Klik tombol Change Folder. Klik dua kali folder images
untuk memilihnya. Pilih OK untuk kembali ke kotak
dialog Save Embedded Files. Kolom Folder akan
menampilkan images/ sebagai folder tempat gambar anda
di simpan.
17. Pilih OK. Gambar background anda akan disimpan pada folder images
18. Pilih File, Close(Ctrl+F4) untuk menutup halaman Web Colors
MENDESIGN SISTEM NAVIGASI
Anda dapat merancang struktur web bersamaan, saat anda membuat tampilan halaman web anda dengan
menggunakan Navigation View yang ada di Frontpage 2000. Jadi anda tidak usah membuat coretan struktur web di
dalam kertas, tetapi bisa langsung anda buat di Frontpage.
Berikut ini beberapa hal yang berkaitan dengan Navigation View :
 Top Level pages dapat digunakan untuk mendesign halaman utama web. Secara default halaman Home Page
selalu menjadi top-level, walaupun anda masih bisa menambahkan halaman lain sebagai top level.
 Parent Page adalah halaman yang mempunyai link ke satu atau lebih halaman yang mempunyai topik yang
sama.
 Child Page adalah halaman yang terlihat setelah anda mengklik link pada parent page, halaman ini mempunyai
informasi yang lebih detail dibanding parent page.
8
Menggunakan Naviation View
1. Pilih menu View, kemudian klik Navigation.
2. Klik icon Navigation pada views bar yang berada di sebelah kiri halaman editor.
Membuat Halaman dengan Navigation View
Pada bagian ini anda akan dituntun dalam membuat sistem navigasi dan halaman web, personal web.
I. Membuat Top Level Page
Anda dapat memulainya dengan membuat One Page Web pada frontpage, dengan cara pilih menu File,
New, Web dan pilih One Page Web, maka secara otomatis akan dibuatkan sistem navigasi oleh frontpage.
Ikuti langkah berikut :
1. Klik navigation icon, maka pada halaman sebelah kanan akan tampil navigasi.
2. Klik kanan pada mouse anda di tempat navigasi, pilih New Top Page pada pop up menu untuk
membuat top level page. Ulangi cara ini jika ingin membuat lebih dari satu halaman.
Membuat Top Level Page Memberi nama pada setiap halaman
3. Untuk memberi nama pada tiap halaman, klik kanan pada halaman pilih rename.
II. Membuat Parent dan child Page
Sekarang anda mempunya 3 buah top level page.
Masing-masing top level page ini bisa anda
tambahi halaman sebagai parent page di bawahnya.
1.Misal, anda ingin membuat parent page dari
Hobby.
2.Klik kanan pada Hobby, pilih New page. Ulangi
cara tersebut jika ingin membuat lebih dari satu.
3.Beri nama masing-masing parent page dengan
cara rename.
4.Lakukan cara yang sama jika ingin membuat child page pada parent page. Maka hasilnya dapat anda lihat
pada gambar di bawah ini.
III. Menambah halaman/page pada web yg anda buat
Semua halaman yang dibuat pada navigation view,
merupakan Normal page template. Jika anda ingin
menggunakan salah satu template pada frontpage, anda
harus membuat halaman baru pada Page View. Kemudian
anda dapat menambahkan halaman tsb dengan cara drag dan
drop pada halaman yang diinginkan. Untuk lebih jelasnya
ikuti langkah berikut :
1. Klik icon Page pada views bar.
2. Pilih menu File, New, Page. New dialog box akan
tampil.
3. Pada list template pilih salah satu, misal pilih guestbook