Silahkan jalankan dreamweaver , kita bisa menggunakan dreamweaver versi
apa saja boleh DW versi 8, CS1,CS2,CS3,CS4,Cs5 atau CS6 secara umum fasilitas
dasarnya sama
Kemudian kita mulai masukkan table .
ada 3 cara memasukkan table dalam Dreamweaver , kita bisa menggunakan menu
insert – table dan kita juga bisa menekan tombol keyboard CTRL + ALT + T atau
klik ikon pada tab insert – common Tabel merupakan unsur utama pembentuk layout sebuah halaman
web. Tanpa menggunakan tabel, kita tidak akan mendapatkan hasil halaman web
yang rapi. Membuat Tabel Langkah untuk membuat tabel adalah sebagai berikut: 1.
Aktif dalam jendela dokumen. 2. Pilih menu Insert ► Table, atau klik tombol
panel Insert kategori Common. 3. Selanjutnya akan ditampilkan kotak dialog
Table. Tentukan jumlah baris pada bagian Rows dan jumlah kolom pada bagian
Columns.. 4. Klik tombol OK.
Maka akan terlihat
seperti gambar dibawah ini :
Dibawah
ini adalah kodinggan tabel untuk membuat header, dan arti tr adalah merupakan
bagian satu baris ke depan sedangkan Th
adalah bagian perkolom. Jika sudah maka
anda isi tabel yang barisan on, nama dan npm, seperti contoh dibawah ini.
Untuk
mengatur property tabel dan sel, anda dapat menggunakan property-property dalam
panel Properties. Sebelum mengatur property tabelm, anda harus melakukan
pemilihan terlebih dahulu, yaitu : tabel, sel, kolom, dan baris.
•
Untuk memilih tabel, lakukan salah satu cara berikut:
-
Aktif pada salah satu sel tabel, kemudian pilih menu Modify ► Table ► Select Table.
-
Klik pada bingkai tabel, atau pilih tag <table> pada Tag Selector di
pojok kiri bawah jendela dokumen.
Lalu
Isikan tabel seperti contoh gambar
dibawah ini, anda bisa mengisinya dengan cara menuliskan manual pada
kodingan atau bisa juga dengan cara mengklik tabelnya.
Ini merupakan listing program tabel html:
Untuk memberi warna pada table,blog bagian tabel
yang ingin kita warnai , lalu pada bagian properties yang terletak pada bagian
bawah halaman, pilih tulisan BG kemudian pilih warna yang kita inginkan misalkan
warna merah, jika sudah berhasil maka pada bagian listing program akan
bertambah listing kodingnya , seperti gambar yang di blog di bawah ini.
Kalau
sudah diberi warna seperti gambar dibawah ini, maka pada bagian codinggan yang merupakan
tulisan “bgcolor=#000000” buat memberi warna pada tabel.
ini
adalah untuk membuat background Color pada Page dengan cara pada bagian
properties di bawa halaman pilih Page peroperties., kemudian pilih background
Color dan pilih warna yang diinginkan, kalau sudah kita bisa klik ok
untuk membuat rollover image pilih
insert pada menu bar kemudian pilih image objek dan pilih rollover image maka
akan muncul tampilan rollover image
Image Name : nama /
judul rollover image anda (isi sesuka hati kita) original image : gambar utama / default
rollover image , rollover image gambar kedua (gambar yang akan muncul saat
kursur disorot) , alternative text : adalah penjelasantentang gambar tersebut
mengenai apa saja / pendeskripsian gambar tersebut .