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
Bab V Menggunakan Perangkat Lunak untuk Membuat Website
156
c. Memecah Sel
Setelah mengubah ukuran sel, Anda dapat belajar memecah sel. Seperti saat mengolah tabel dalam dokumen
Microsoft Word, Anda dapat pula memecah dan menggabungkan sel. Cara memecah sel
dapat Anda simak pada uraian berikut. 1 Pilihlah sel yang akan dipecah, yaitu sel ketiga sel paling bawah.
2 Klik menu Modify, klik submenu Table. Lanjutkan dengan melakukan
klik pada pilihan Split Cell.
3 Isikan jumlah kolom atau baris yang akan dibuat, kemudian klik OK
dalam contoh ini sel akan dipecah menjadi 2 kolom.
Sumber: Macromedia Dreamweaver 8
Gambar 5.55 Memilih jumlah kolom
Sumber: Macromedia Dreamweaver 8
Gambar 5.54 Klik Split Cell
Teknologi Informasi dan Komunikasi Kelas XI SMAMA
157
Hasil pemecahan sel dapat Anda amati pada gambar berikut.
d. Menggabungkan Sel
Halaman index tidak menggunakan penggabungan sel. Akan tetapi, penggabungan sel juga perlu Anda pelajari. Cara menggabungkan sel
dapat Anda ikuti langkah-langkah berikut. 1 Misalkan akan dilakukan penggabungan sel I dan sel II. Seleksilah
sel-sel yang akan digabungkan. Caranya, klik salah satu sel, tekan tombol
Shift dan lakukan klik pada sel selanjutnya.
2 Klik menu Modify, kemudian pilihlah Table. Lanjutkan proses
dengan melakukan klik pada Merge Cells.
Sumber: Macromedia Dreamweaver 8
Gambar 5.57 Klik Merge Cells
Sumber: Macromedia Dreamweaver 8
Gambar 5.56 Hasil pemecahan sel
Bab V Menggunakan Perangkat Lunak untuk Membuat Website
158
e. Mengatur Warna Sel dan Memasukkan Teks ke dalam Sel
Pada uraian berikut Anda akan mempelajari cara mengatur warna dan tampilan sel. Sebagai bahan, akan digunakan sel 1.
1 Langkah pertama, lakukan klik di wilayah sel 1. Untuk mewarnai sel, lakukan klik pada kotak
Background Color. Pilihlah warna
yang sesuai, yaitu warna dengan kode 003399.
2 Untuk menuliskan teks, lakukan klik pada wilayah sel. Kemudian ketikkan teks seperti cara biasa.
3 Jenis teks dapat Anda ubah dengan cara menyeleksi teks kemudian memilih jenis
font yang diinginkan dalam contoh ini digunakan font Gill Sans Ultra Bold. Pemilihan font dapat dilakukan dengan
melakukan klik pada tanda panah di bagian kanan kotak Font.
Warna dengan kode 003399
Kotak Background Color
Sumber: Macromedia Dreamweaver 8
Gambar 5.58 Memilih warna sel
Sumber: Macromedia Dreamweaver 8
Gambar 5.59 Mengetikkan teks
Sumber: Macromedia Dreamweaver 8
Gambar 5.60 Memilih jenis font
Pilihan untuk menambah
jenis font
Jenis font yang
telah disediakan
Teknologi Informasi dan Komunikasi Kelas XI SMAMA
159
4 Jika font belum ada pada daftar pilihan yang disediakan, Anda
dapat menambahkan jenis font pada daftar pilihan tersebut.
Caranya, lakukan klik pada pilihan Edit Font List. Sesaat kemudian
komputer akan menampilkan kotak Edit Font List.
Daftar font yang dapat Anda tambahkan terletak pada kotak
Available fonts. Klik salah satu font, kemudian lakukan klik pada
tombol panah . Lanjutkan proses dengan melakukan klik pada tombol plus + dan akhiri dengan melakukan klik pada tombol
OK.
5 Ukuran font dapat Anda ubah
menggunakan kotak Size. Caranya,
tetap seleksi teks, kemudian lakukan klik pada tanda panah dan pilihlah
ukuran yang sesuai dalam contoh ini digunakan ukuran 36 piksel.
6 Teks ”Situs” menggunakan warna putih FFFFFF, sedangkan teks
”Buatanku” menggunakan warna merah FF0000. Cara mengubah
warna teks yaitu menyeleksi teks yang diinginkan kemudian klik kotak
Text Color. Kemudian lakukan klik
pada warna yang diinginkan.
Sumber: Macromedia Dreamweaver 8
Gambar 5.61 Kotak Edit Font List
Sumber: Macromedia Dreamweaver 8
Gambar 5.62 Mengubah ukuran font
Sumber: Macromedia Dreamweaver 8
Gambar 5.63 Mengubah warna font