Memecah Sel Memperbesar dan Memperkecil Tampilan Isi Halaman Dreamweaver

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.

g. Pengaturan Letak Tabel terhadap Halaman

Letak tabel juga memengaruhi tampilan website yang Anda buat. Untuk mengatur letak tabel, gunakan cara berikut. 1 Aktifkan kursor pada halaman. 2 Lakukan klik pada tombol Page Properties. Perhatikan contoh pengaturan berikut. Left margin batas tepi kiri: 20 piksel, Right margin batas tepi kanan: 20 piksel, Top margin batas tepi atas: 10 piksel, serta Bottom margin batas tepi bawah: 0 piksel. Sumber: Macromedia Dreamweaver 8 Gambar 5.74 Contoh pengaturan letak tabel Sumber: Macromedia Dreamweaver 8 Gambar 5.73 Pengaturan sel C dan sel D Bab V Menggunakan Perangkat Lunak untuk Membuat Website 164 3 Lanjutkan proses dengan mengatur posisi tabel, yaitu Center tengah, Left kiri, atau Right kanan. Untuk mengatur hal ini, lakukan klik seleksi tabel, kemudian isikan posisi yang diinginkan. Dalam contoh ini tabel akan diletakkan rata kanan Right. 4 Hasil pengaturan letak tabel dapat Anda amati pada gambar berikut.

h. Pengaturan Garis Tabel Border

Garis tabel atau border dapat ditampilkan atau tidak ditampilkan. Selain itu, tebal dan warna garis dapat pula Anda atur. Cara mengatur border tabel sebagai berikut. 1 Seleksi atau aktifkan tabel. 2 Aturlah properti tabel sebagai berikut. Angka 0 pada kotak CellPad, CellSpace, dan Border digunakan untuk menghilangkan spasi antarsel dan garis tabel. Jika ingin menampilkan warna garis tabel, pilihlah warna pada kotak Brdr Color. Ingat, jangan menggunakan angka nol pada kotak Border jika ingin menampilkan warna garis tabel. Sumber: Macromedia Dreamweaver 8 Gambar 5.75 Memilih rata kanan Sumber: Macromedia Dreamweaver 8 Gambar 5.77 Mengatur garis tabel Sumber: Internet Explorer 6.0 Gambar 5.76 Hasil pengaturan tabel Sumber: Internet Explorer 6.0 Gambar 5.78 Hasil pengaturan garis tabel