You are on page 1of 6

MEMBUAT TABEL DI DREAMWEAVER

Pembahasan yang ingin saya bahas kali ini adalah pembuatan tabel sederhana di Dreamweaver.
Table dalam desain web sangat penting karena semua informasi yang kita susun di website sebaiknya rapi tata
letak maupun isinya. Untuk memperoleh itu biasanya informasi harus disusun dalam beberapa tabel yang
berbentuk daftar ataupun hanya alat bantu yang terbuat dari table dengan border 0.

Hayo kita mulai...

Buka Dreamweaver, lalu klik Menu Insert >> table

Selanjutnya, PILIH TABLE, isikan jumlah baris pada rows dan kolom pada column. Misal disini saya mengisi
nilai 5 pada rows dan 5 pada columns. Kemudian isikan table width (lebar table) bisa dalam pixel atau persen
sesuai keperluan. Gunakan pixel jika ingin lebar table tetap di kondisi screen apapun dan gunaan persen jika
ingin lebar dinamis bisa berubah mengikuti lebar screen.
Border thicness diisi dengan angka 0-10 sebagai nilai tebal garis tabel, jika 0 berarti tabel pada saat dibuka di
browser tidak terlihat.
Kemudian isikan cell padding (jarak antara isi dengan garis cell) dari skala 0 (saling tempel) atau lainnya jika
ingin ada jarak, kemudian isi cell spacing (jarak antara cell) dari skala 0 (saling tempel) atau lainnya jika ingin
ada jarak. Plihan lainnya opsional header ditentukan untuk format letak baris atau kolom header, caption diisi
untuk judul tabel (terlihat diatas tabel) dan summary sebagai resume (ini tidak terlihat).
Pada caption saya mengetik, Data Mahasiswa. lalu klik tombol ok, maka hasilnya adalah sebagai berikut :
Selanjutnya, pada sel yang kosong anda bisa menuliskan sesuatu. sebagai contoh, pada baris pertama saya
tuliskan No., NPM, Nama dst dan baris kedua dst saya isikan data sesuai dengan fungsi tabel yang dibuat.

MEWARNAI KOLOM BARIS TABLE

Untuk pengaturan lain misal memberi warna kolom atau baris anda bisa melakukannya dengan memilih (select)
baris atau kolom yang akan di warnai kemudian memilih warnanya pada bagian bawah properties seperti yang
saya tandai pada gambar.
MENAMBAH BARIS AYAU KOLOM

Jika ingin menambahkan baris anda bisa mengarahkan korsur ke baris dan kolom terakhir kemudian menekan
tombol Tab pada keyboard. Atau klik kanan mouse trus pilih menu table, insert row atau insert coloum
Untuk menambahkan kolom juga klik kanan pada kolom terdekat kemudian pilih menu insert rows or coulums :

Kemudian pilih Rows untuk menambah baris atau Columns untuk menambah kolom, kemudian jumlahnya dan
posisi tambahannya sebelum atau sesudah posisi cell yang dipilih, lalu tekan OK.

MENGAATUR LEBAR ATAU TINGGI BARIS/KOLOM

Untuk mengatur tinggi atau lebar kolom caranya sangat gampang tinggal tarik dengan korsur mouse anda.

MENGHAPUS BARIS ATAU KOLOM

Untuk menghapus baris atau kolom caranya sangat mudah yaitu tinggal memilih baris atau kolom yang akan
dihapus kemudian tekan tombol delete atau klik kanan mouse pilih table trus delete rows atau delete columns.
MENYIMPAN DAN MELIHAT HASILNYA

Selanjutnya, anda bisa melihat hasilnya akhirnya di web browser. (Internet Explorer atau Mozilla Firefox)
dengan cara menekan tombol F12 dari Dreamweaver. Anda bisa melihat hasilnya dibawah ini.

Gampangkan..????????????
Nah masih ada banyak bentuk tabel lagi yang bisa kita buat misal :

You might also like