Pembuatan tabel dan format di Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver mendukung pembuatan dan pemformatan tabel di situs Anda. Bila Anda memikirkan sebuah tabel , pikirkan kotak, seperti spreadsheet. Anda dapat mengubah warna sel dalam tabel, membagi atau span sel (menggabungkannya dengan sel lainnya), dan menerapkan batas pada mereka.

Dalam beberapa kasus, Anda tidak melihat tabel itu sendiri karena Anda dapat menempatkan konten ke dalam bentuk baris dan kolom tanpa menampilkan tabel; Dalam hal ini, itu hanya alat pemformatan. Saat membuat tabel, Anda dapat menentukan berapa banyak baris dan kolom yang dikandungnya. Anda juga dapat memilih untuk membentang baris dan kolom untuk membuat tabel unik.

Tabel dengan baris dan kolom digabungkan.

1. Letakkan kursor di mana 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.

   

   Tetapkan spesifikasi tabel pada kotak dialog Table.

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 menetapkan ukuran default untuk tabel. Pada 100 persen, tabel ini menempati 100 persen halaman web Anda, mengubah ukuran saat halaman diubah ukurannya. Masukkan nilai piksel untuk memastikan bahwa meja selalu berada pada ukuran yang sama.

   • 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. Dalam tampilan Design, Anda masih melihat batas meja yang putus-putus. Anda melihat batas yang benar saat melihat halaman di browser atau Live view.

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

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

   • Header: Pilih jenis header yang ingin Anda sertakan di tabel Anda (atau pilih None jika Anda tidak menginginkan header).

   • Aksesibilitas: 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.

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 memperbesar ukuran border untuk mempermudah pemilihan. Untuk pratinjau yang akurat, kembali ke tampilan Standar (klik tombol Standar di bagian Tata Letak panel Sisip) setelah selesai mengedit.