Bagaimana Mengubah Tampilan Tabel dalam Dreamweaver - dummies

Perlu mengubah tampilan tabel di situs Anda? Bila Anda memilih tabel di Dreamweaver, inspektur Properti memberi Anda akses ke opsi berikut untuk menyesuaikan tampilan tabel Anda:

• Tabel: Menyediakan area teks tempat Anda dapat memasukkan nama untuk sebuah tabel. Nama atau ID ini berguna untuk menargetkan tabel dalam skrip.

• Baris: Menampilkan jumlah baris dalam tabel. Anda bisa mengubah ukuran meja dengan mengubah nomornya. Hati-hati, meskipun: Jika Anda memasukkan nomor yang lebih kecil dari jumlah baris di tabel Anda, Dreamweaver akan menghapus baris bawah - konten dan sebagainya.

• Menampilkan jumlah kolom dalam tabel. Anda bisa mengubah ukuran meja dengan mengubah nomornya. Sekali lagi, jika Anda memasukkan angka kurang dari jumlah kolom di tabel Anda, Dreamweaver akan menghapus kolom di sisi kanan tabel - isi dan semua. W (width):

• Menampilkan lebar tabel. Anda bisa mengubah lebar dengan mengubah nomornya. Anda dapat menentukan lebar sebagai persentase atau nilai dalam piksel. Nilai yang dinyatakan sebagai persentase meningkatkan atau mengurangi ukuran tabel relatif terhadap ukuran jendela browser pengguna atau wadah yang dilampirkan, seperti tabel atau tag lainnya.

  Tabel dimensi dinyatakan sebagai persentase memungkinkan Anda untuk membuat tabel yang berubah ukuran ketika jendela browser diubah ukurannya. Jika Anda ingin meja selalu mengambil 75 persen jendela, terlepas dari area tampilan pengguna, tetapkan ukurannya sebagai persentase. Jika Anda ingin tabel selalu berukuran sama tanpa memperhatikan ukuran jendela browser, pilihlah piksel untuk lebar tabel Anda.

  Jika sebuah tabel dimasukkan ke dalam wadah lain, seperti tag atau tabel dengan lebar tetap, tabel berukuran tidak berdasarkan jendela browser namun pada wadah.

  Catatan:

  Berawal dari Dreamweaver CS4, Anda tidak lagi menemukan bidang H (tinggi). Sebagai praktik terbaik, sebagian besar desainer tidak menentukan tinggi meja karena isi tabel bisa berubah dari satu pengunjung ke yang lain. Misalnya, ukuran font teks tergantung pada sistem dan pengaturan pengguna. CellPad:

• Menentukan ruang antara isi sel dan perbatasannya. CellSpace:

• Menentukan ruang antar sel tabel. Align:

• Mengontrol keselarasan tabel pada halaman web. Pilihannya adalah Default, Kiri, Pusat, dan Kanan. Sebagai aturan umum, pengaturan Default menyelaraskan tabel dari sisi kiri jendela browser atau wadah lainnya. Perbatasan:

• Kontrol ukuran perbatasan di sekeliling meja.Semakin besar jumlahnya, semakin tebal perbatasan. Jika Anda ingin agar border tidak terlihat, setel ke 0. Class:

• Menyediakan akses mudah ke pilihan style sheet. Hapus dan Convert:

• Ikon di area kiri bawah inspektur Properti (klik panah expander di pojok kanan bawah untuk melihatnya) berikan opsi pemformatan ini: Clear Row Heights > dan

  • Clear Column Widths memungkinkan Anda menghapus semua nilai tinggi dan lebar sekaligus. Mengkonversi Lebar Tabel ke Piksel dan

  • Mengkonversi Lebar Tabel menjadi Persen memungkinkan Anda mengubah secara otomatis pengaturan Lebar dari persentase ke piksel. Piksel menentukan lebar tetap; pengaturan persen berarti browser secara otomatis menyesuaikan persentase tertentu dari area tampilan browser. Anda juga dapat menerapkan opsi pemformatan dan mengubah atribut elemen - seperti teks, gambar, atau file multimedia - di dalam sel tabel. Untuk melakukannya, pilih elemen dan kemudian gunakan opsi di inspektur Properti CSS atau HTML untuk membuat perubahan yang Anda inginkan, sama seperti jika elemen tidak berada dalam sel tabel.