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
Bab V Menggunakan Perangkat Lunak untuk Membuat Website
154
3 Anda akan memperoleh tampilan tabel seperti gambar berikut.
Selanjutnya, akan dilakukan pengolahan sehingga diperoleh bentuk tabel sesuai dengan tampilan halaman ”Ini Duniaku”.
Pengolahan yang dilakukan meliputi pengubahan ukuran tabel, pemberian warna tabel, hingga pengaturan letak tabel.
b. Mengatur Ukuran Tabel
Ukuran tabel perlu disesuaikan dengan ukuran tampilan halaman situs. Pada dasarnya, pengubahan dapat Anda lakukan dengan dua
macam cara. Cara pertama, Anda dapat mengubah tabel dengan cara mengubah ukuran sel-sel tabel. Cara kedua, tabel diubah dengan
mengubah properti tabel. Untuk mengubah tabel menggunakan properti tabel, lakukan langkah-
langkah berikut. 1 Pada bagian bawah tabel akan dicantumkan ukuran lebar tabel.
Jika ukuran lebar tabel tidak dicantumkan, lakukan seleksi atau pilihlah wilayah tabel. Caranya, lakukan klik saat kursor berada di
sudut kiri atas tabel kursor berubah berbentuk panah dengan gambar tabel kecil. Saat tabel terseleksi, bagian bawah tabel akan
memperlihatkan lebar tabel.
2 Perhatikan data tabel pada Properties. Ubahlah lebar W dan
tinggi H tabel. Dalam contoh ini, lebar tabel akan diatur berukuran 806 piksel, sedangkan tinggi tabel 575 piksel. Hal ini dilakukan agar
tampilan website di www.geocities.com terlihat optimal. Lanjutkan
proses dengan menekan tombol Enter. Sebagai catatan, cara ini
dapat pula digunakan untuk mengubah ukuran sel.
Sumber: Macromedia Dreamweaver 8
Gambar 5.48 Tabel yang dihasilkan
Sumber: Macromedia Dreamweaver 8
Gambar 5.49 Ukuran lebar tabel
Ukuran lebar tabel, yaitu 200 piksel
Sumber: Macromedia Dreamweaver 8
Gambar 5.50 Mengatur lebar dan tinggi tabel
Teknologi Informasi dan Komunikasi Kelas XI SMAMA
155
3 Untuk melihat hasil pengubahan ukuran tabel, lakukan klik pada ikon
PreviewDebug in browser, dan pilihlah pada pilihan Preview in Iexplorer 6.0. Artinya, Anda akan melihat tampilan situs jika
dibuka menggunakan Internet Explorer versi 6.0.
Sebelum menampilkan halaman Internet Explorer, komputer akan menampilkan kotak penyimpanan pengubahan isi
file. Klik tombol
Yes untuk melanjutkan proses.
4 Hasil yang akan Anda peroleh sesuai dengan gambar berikut.
Untuk mengubah tabel menggunakan sel-sel, lakukan langkah- langkah berikut.
1 Langkah pertama, tekan tombol Ctrl sambil melakukan klik pada
sel yang akan diubah. 2 Letakkan kursor pada pembatas sel
border kemudian klik dan lakukan
drag sehingga ukuran sel tabel berubah.
Mengubah ukuran sel biasanya menyebabkan perubahan ukuran sel yang lain. Untuk memperoleh ukuran sel-sel yang sesuai keinginan
Anda, lakukan pengaturan ukuran sel-sel yang Anda inginkan.
Sumber: Macromedia Dreamweaver 8
Gambar 5.51 Klik Preview in Internet
Explorer 6.0
Sumber: Macromedia Dreamweaver 8
Gambar 5.53 Mengubah ukuran sel
Sumber: Internet Explorer 6.0
Gambar 5.52 Tampilan Situs buatanku