Kamis, 06 Desember 2012

Tabel pada Dreamweaver

sedikit pembahasan tentang tabel yang ada pada Dreamweaver .




1.      Bagaimana cara mebuat table di dreamwaver ?
Jawab :

1. letakkan kursor ke tempat yang diinginkan. Kemudian, pilihlah satu diantara 3 cara berikut   ini :
  • Klik menu Insert – Table
  • Klik tombol “Insert table” pada Object Panel, kategori Common.
  • Tekan shortcut key : Ctrl+Alt+T
  • Kemudian akan muncul kotak dialog Insert Table .
  • Masukkan spesifikasi tabel yang diinginkan pada kotak dialog tersebut.
2. Isikan jumlah baris pada “Rows” dan jumlah kolom pada “Columns”.
3. Tentukan lebar tabel terhadap halaman.
4. Masukkan lebar border tabel yang diinginkan dalam satuan pixel. Jika dikosongi maka dianggap 0 (nol) dan tabel tidak diberi border.
5. Jika diinginkan, masukkan Cell Padding dan Cell Spacing.
  • Cell Spacing artinya jarak antar sel dalam tabel
  • Cell Padding artinya jarak dari border sel sampai dengan isi sel.
6. Setelah selesai, klik tombol OK. Jika ingin membatalkan, tekan Cancel.
Setelah menekan tombol OK, maka tabel akan dimasukkan dalam halaman web.
Bentuknya kira-kira seperti ini (bisa berbeda-beda tergantung dari spesifikasi yang Anda masukkan tadi):
Saat ini, tabel dikatakan dalam keadaan terpilih (selected), yang ditandai dengan adanya garis hitam tebal di sekeliling tabel, dan 3 buah kotak hitam kecil yang disediakan untuk resizing. Seperti yang terlihat pada window Object Properties, terdapat beberapa properti tabel yang disebutkan, antara lain :
  • Rows (jumlah baris)
  • Cols (jumlah kolom)
  • W (lebar, width)
  • H (tinggi, height)
  • CellPad (cell padding)
  • CellSpace (cell spacing)
  • Align, Border
  • Bg Color (background color)
  • Brdr Color (border color)
  • Bg image (Bg image).
Setiap perubahan pada window Object Properties ini akan dilakukan (applied)
terhadap keseluruhan tabel, karena tabel dalam keadaan terpilih (selected).
7. Langkah berikutnya adalah melakukan penyesuaian bentuk table menjadi yang diinginkan.

2.      Bagaimana cara menggabungkan sel di dreamwaver ?
Jawab :
Untuk menggabungkan beberapa sel menjadi satu, pilih beberapa sel yang berdekatan
dulu. Caranya,
  • arahkan mouse pada sel pertama (kiri atas atau kanan bawah),
  • kemudian drag beberapa sel sampai sel-sel yang diinginkan dalam keadaan terpilih
          (selected) semua.
  • klik kanan. Muncul menu konteks, pilih Table, kemudian Merge Cells.
Tampak bahwa grup sel yang terpilih tadi sekarang menjadi satu sel yang lebih besar. Yang perlu diperhatikan disini, jika ada 2 sel atau lebih yang memiliki isi di dalamnya (baik berupa tulisan, gambar, tabel, dsb) dan dilakukan operasi merge, maka isi-isi sel tadi akan dijadikan satu (dicampur) oleh Dreamweaver ™.

3. Bagaimana cara menghapus dan menysipkan baris / kolom di dreamwaver ?
      Jawab :
Menyisipkan baris / kolom :
Jika ingin menyelipkan baris,
  • klik pada radio button Rows, masukkan jumlah baris yang ingin diselipkan, pilih apakah baris akan diselipkan di atas sel terpilih (Above the Selection) ataukah di bawah sel terpilih (Below the Selection).
  • Kemudian klik OK.
Jika ingin menyelipkan kolom,

  • klik pada radio button Columns (kotak dialog otomatis berganti),
  • masukkan jumlah kolom yang ingin diselipkan, kemudian pilih apakah kolom akan diselipkan sebelum sel terpilih (Before current Column) ataukah sesudah sel terpilih (After current Column).
  • Kemudian klik OK.

Menghapus baris / kolom :
  • Delete Row”, untuk menghapus baris pada sel yang terpilih tadi.
  • Delete Column”, untuk menghapus kolom pada sel yang terpilih tadi.

Tidak ada komentar:

Posting Komentar