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

5. Memperbesar dan Memperkecil Tampilan Isi Halaman Dreamweaver

Dreamweaver 8 menyediakan fasilitas zoom. Fasilitas ini dapat digunakan untuk memperbesar maupun memperkecil tampilan isi halaman. Jika menggunakan zoom, Anda dapat mengamati tampilan situs secara utuh maupun tampilan secara detail. Memperbesar dan memperkecil tampilan isi halaman pernah Anda lakukan saat menggunakan software Microsoft Word 2003. Cara menggunakan fasilitas zoom dapat Anda simak pada uraian berikut. a. Untuk menampilkan isi halaman sesuai ukuran monitor window, lakukan klik pada menu View, kemudian pilihlah Fit All. Dengan pilihan Fit All, seluruh isi halaman akan terlihat di layar monitor. b. Jika Anda ingin melihat tampilan isi halaman sesuai dengan lebar window, lakukan klik pada menu View, kemudian pilihlah submenu Fit Width. c. Untuk memperbesar tampilan isi halaman zoom in, tekan tombol Ctrl + +. d. Untuk memperkecil tampilan isi halaman zoom out, tekan tombol Ctrl + -. Teknologi Informasi dan Komunikasi Kelas XI SMAMA 153 6. Menggunakan Tabel Tabel bukan hanya Anda jumpai saat mempelajari Microsoft Excel. Saat belajar menggunakan Macromedia Dreamweaver, Anda juga akan menjumpai penggunaan tabel. Peran tabel sangat penting untuk membuat halaman website. Sel-sel tabel digunakan untuk meletakkan isi situs. Dalam sel Anda dapat meletakkan teks, gambar, serta link. Cara membuat dan menggunakan tabel dapat Anda simak pada uraian berikut.

a. Membuat Tabel

Untuk membuat tabel, ikutilah langkah-langkah berikut. 1 Pertama, lakukan klik pada ikon Table. 2 Sesaat kemudian, komputer akan menampilkan kotak dialog Table. Isikan jumlah baris Rows dan kolom Columns sesuai keinginan Anda. Mula-mula akan dibuat tabel dengan 3 baris dan 1 kolom. Anda belum perlu mengisi atau mengubah kotak Table width, Border thickness, Cell padding, dan Cell spacing sebab pengubahan ini dapat Anda lakukan kemudian. Klik OK untuk melanjutkan proses. Sumber: Macromedia Dreamweaver 8 Gambar 5.47 Memilih kolom dan baris Sumber: Macromedia Dreamweaver 8 Gambar 5.46 Klik ikon Table