Bagaimana Bekerja dengan Tabel di Adobe Dreamweaver CS6 - dummies

Bila Anda memikirkan sebuah tabel dalam Adobe Dreamweaver CS6 , memikirkan sebuah grid yang memiliki banyak sel di dalamnya, banyak seperti spreadsheet Tabel digunakan di halaman HTML sehingga elemen dan data dapat terkandung dan diposisikan dalam sel tertentu dalam rangkaian baris dan kolom.

Anda dapat mengubah warna sel dalam tabel, membagi atau span sel (menggabungkannya dengan sel lainnya), dan menerapkan batas pada mereka.

Saat membuat tabel, Anda dapat menentukan berapa banyak baris dan kolom yang dikandungnya, serta menetapkan lebar tetap atau skalabel untuk baris dan kolom jika diperlukan. Anda juga dapat memilih menggabungkan baris dan kolom untuk membuat tabel unik.

Untuk membuat tabel di Dreamweaver, ikuti langkah-langkah ini:

1. Letakkan kursor di tempat Anda ingin tabel muncul, pastikan tab Common pada panel Insert terlihat, lalu klik tombol Table.

   Atau, Anda dapat memilih Insert → Table. Apapun metode yang Anda gunakan, kotak dialog Table muncul.

   

2. Masukkan atau pilih atribut tabel yang ingin Anda buat:

   • Baris: Di kotak teks Baris, masukkan jumlah baris yang Anda inginkan dalam tabel. Baris susun vertikal dan bisa ditambahkan atau dihapus setelah Anda membuat tabel.

   • Kolom: Pada kotak teks Kolom, masukkan jumlah kolom yang Anda inginkan dalam tabel. Kolom dibuat secara horizontal di atas meja dan dapat ditambahkan atau dihapus setelah Anda membuatnya.

   • Lebar Tabel: Masukkan ukuran lebar di kotak teks Tabel Lebar lalu pilih pengukuran (Piksel atau Persen) dari daftar drop-down ke kanan. Lebar tabel adalah atribut penting karena menetapkan ukuran default untuk tabel.

   • Perbatasan Tebal: Masukkan (dalam piksel) ketebalan yang Anda inginkan untuk lebar perbatasan yang mengelilingi sel dan di luar meja. Jika Anda ingin melihat tidak ada pemformatan tabel, ketik 0 di kotak teks Perbatasan Tebal. Catatan: Dalam tampilan Desain, Anda masih melihat batas meja yang buram - ini hanya alat bantu visual.

   • Sel Padding: Masukkan nomor di kotak teks Cell Padding jika Anda ingin menggunakan padding untuk membuat margin di sekitar semua konten di dalam sel.

   • Sel Spasi: Masukkan nomor di kotak teks Sel Spasi jika Anda ingin mengubah jarak untuk mendorong sel terpisah.

   • Header: Kotak centang Header mengubah baris atas tabel dari baris standar ke header yang ditentukan (menggunakan tag ). Ini memperkuat bahwa baris pertama dan isinya mendefinisikan header tabel.

   • Opsi aksesibilitas: Anda dapat memberikan informasi tambahan untuk membantu pengguna tuna netra memahami isi tabel Anda.Tambahkan keterangan yang relevan dengan tabel Anda di kotak teks Caption. Di area Ringkasan, sertakan beberapa baris teks untuk memberi informasi lebih banyak tentang tujuan tabel dan isinya.

3. Klik OK.

   Tabel Anda dibuat.

Saat bekerja dengan tabel, cobalah memanfaatkan fitur tabel Expanded Dreamweaver. (Temukan tombol Expanded di bagian Layout pada panel Insert.) Tampilan yang diperluas menambahkan sel padding dan spasi pada sebuah tabel dan meningkatkan ukuran border untuk membuat pemilihan sel dan konten menjadi lebih mudah.

Untuk pratinjau yang akurat, kembali ke tampilan Standar (klik tombol Standar di bagian Tata Letak panel Sisip) setelah selesai mengedit.