Panel Groups Membuat Site
Bab V Menggunakan Perangkat Lunak untuk Membuat Website
150
Halaman index tidak menggunakan gambar latar belakang. Akan tetapi jika Anda ingin mencoba menggunakan gambar latar belakang,
ikutilah langkah-langkah berikut. 1 Lakukan klik pada tombol
Page Properties. Kemudian klik tombol Browse di kotak Background Image.
2 Lanjutkan proses dengan mengambil gambar yang diinginkan kemudian lakukan klik pada ikon
OK. Dalam contoh ini digunakan
gambar Water lilies sampel gambar dari Microsoft Windows XP
Service Pack 2. File ini dapat Anda ambil pada drive C, folder Shared Documents.
3 Karena file gambar yang digunakan belum tersalin ke dalam folder
Situs Buatanku, komputer akan memberikan kotak dialog
penyimpanan file terlebih dahulu. Lakukan klik pada tombol
Yes
untuk menyimpan gambar dalam folder
Situs Buatanku. Lanjutkan
proses menyimpan dengan melakukan klik pada tombol
Save.
4 Pada kotak
Repeat, terdapat empat pilihan, yaitu no-repeat, repeat, repeat-x, dan repeat-y. Pilihan no-repeat digunakan jika
Anda ingin memasang satu gambar latar belakang saja. Jika Anda memilih
repeat, gambar latar belakang akan digandakan dan
dipasang pada seluruh halaman. Pilihan repeat-x digunakan untuk
menggandakan dan memasang gambar secara horizontal. Pilihan
repeat-y digunakan untuk menggandakan dan memasang gambar
secara vertikal. Pilih salah satu pilihan kemudian lanjutkan proses dengan melakukan klik pada tombol
OK.
Sumber: Macromedia Dreamweaver 8
Gambar 5.41 Mengambil file water lilies.jpg
Ukuran gambar, yaitu 800 x 600
piksel. File berjenis
JPEG. Tampilan
preview gambar
Sumber: Macromedia Dreamweaver 8
Gambar 5.40 Klik tombol Browse
Teknologi Informasi dan Komunikasi Kelas XI SMAMA
151
Meskipun kotak dialog Page
Properties dapat Anda gunakan
untuk mengatur warna halaman sekaligus gambar latar belakang,
saat ini sebaiknya Anda meng- gunakan warna halaman saja. Selain
memperbesar ukuran atau kapasitas file, penggunaan gambar latar
belakang yang tidak pas tidak akan mempercantik tampilan situs.
Penggunaan gambar latar belakang lebih optimal jika Anda telah
menguasai penggunaan software
pengolah gambar misalnya Adobe
Photoshop.
Sumber: Macromedia Dreamweaver 8
Gambar 5.42 Pilihan pemasangan gambar
5 Hasil pemberian warna serta gambar latar belakang dapat Anda lihat pada gambar berikut.
Sumber: Macromedia Dreamweaver 8
Gambar 5.43 Hasil pemberian gambar latar belakang a no repeat, b repeat, c repeat–y, d repeat–x a
b
d c
Bab V Menggunakan Perangkat Lunak untuk Membuat Website
152
Sumber: Macromedia Dreamweaver 8
Gambar 5.44 Memperbesar tampilan
Tampilan awal
➡
Tampilan setelah diperbesar
zoom in
Sumber: Macromedia Dreamweaver 8
Gambar 5.45 Memperkecil tampilan
Tampilan awal
➡
Tampilan setelah diperkecil
zoom out