Membuat Tabel Mengatur Ukuran Tabel
Bab V Menggunakan Perangkat Lunak untuk Membuat Website
160
7 Setelah memasukkan teks, sel diatur sehingga lebar dan tinggi sel
berturut-turut 806 dan 54 piksel.
Agar teks ”Situs Buatanku” terletak di tengah-tengah sel, seleksi
teks kemudian klik ikon Align Center. f.
Memasukkan Gambar dalam Sel
Selain teks, Anda dapat pula memasukkan gambar ke dalam sel. Gambar dapat dimasukkan sebagai gambar latar belakang
back- ground maupun sebagai pengisi sel. Sebagai contoh, perhatikan bagian
halaman index berikut.
Cara memasukkan gambar sebagai pengisi sel dapat Anda simak pada uraian berikut.
1 Aktifkan kursor pada sel yang akan diberi gambar.
2 Untuk mengambil gambar, lakukan klik
ikon Images.
Sumber: Macromedia Dreamweaver 8
Gambar 5.67 Klik ikon Images
Sel yang akan diberi gambar
Sumber: Macromedia Dreamweaver 8
Gambar 5.66 Bagian halaman yang akan diisi gambar
Sumber: Macromedia Dreamweaver 8
Gambar 5.64
Mengatur ukuran sel
Sumber:
Macromedia Dreamweaver 8
Gambar 5.65 Memilih Align Center
Teknologi Informasi dan Komunikasi Kelas XI SMAMA
161
3 Ambil
file gambar yang sesuai. Dalam contoh ini digunakan file
2.jpg berukuran 567 x 453 piksel. Klik OK untuk melanjutkan proses.
4 Klik OK pada kotak dialog Image Tag Accessibility Attributes
yang muncul.
5 Selanjutnya komputer akan menampilkan gambar yang telah
dimasukkan ke dalam sel. Ukuran gambar dapat diperkecil atau diperbesar. Caranya, klik dan
drag salah satu titik hitam di tepi gambar.
Sumber:
Macromedia Dreamweaver 8
Gambar 5.69
Kotak dialog Image Tag Accessibility Attributes
Sumber: Macromedia Dreamweaver 8
Gambar 5.68 Mengambil file gambar
Sumber: Macromedia Dreamweaver 8
Gambar 5.70 Gambar telah masuk ke dalam sel
Bab V Menggunakan Perangkat Lunak untuk Membuat Website
162
Jika Anda ingin menggunakan gambar sebagai latar belakang sel, lakukan langkah-langkah berikut.
1 Aktifkan kursor pada sel yang akan diberi gambar latar belakang.
2 Kemudian, klik ikon Background URL of Cell.
3 Sesaat kemudian komputer akan menampilkan kotak dialog Select
Image Source. Pilih file yang sesuai dalam contoh ini digunakan file ikan2 berukuran 869 x 590 piksel.
Klik tombol OK untuk melanjutkan proses.
4 Cara yang sama dilakukan untuk memberikan gambar
background pada sel C. Agar tampilan sel bagus, ukuran sel dapat diperbesar
atau diperkecil. Selain itu, pilihan pengulangan pemasangan gambar juga perlu diatur.
Sumber: Macromedia Dreamweaver 8
Gambar 5.72 Memilih file gambar
Sumber: Macromedia Dreamweaver 8
Gambar 5.71
Klik ikon Background URL of Cell
Teknologi Informasi dan Komunikasi Kelas XI SMAMA
163
Pembuatan halaman index hampir selesai. Proses selanjutnya yaitu mewarnai dan memberi teks pada dua sel terbawah. Misalkan sel
kiri bawah disebut sel C, sedangkan sel kanan bawah disebut sel D. Sel C diwarnai menggunakan kode warna CC66FF. Sedangkan sel D
diwarnai menggunakan kode warna CC00FF. Setelah itu, sel C akan diisi dengan teks Sains, sedangkan pada sel D akan diisikan teks Seni.
Teks Sains dan Seni akan diubah menjadi link untuk mengunjungi
halaman_sains halaman 2 dan halaman_seni halaman 3. Sebagai catatan, pembuatan
link ini akan dijelaskan pada bagian lain dalam bab ini.