Cara membuat tabel di Dreamweaver - dummies

Anda dapat menyisipkan tabel dengan mengklik ikon Tabel di panel Insert Layout Dreamweaver atau dengan menggunakan Masukkan menu, seperti yang ditunjukkan pada petunjuk langkah demi langkah berikut: Jangan khawatir tentang menyempurnakan pengaturan; Anda mengubah semua opsi ini nanti (kecuali pengaturan aksesibilitas, yang hanya dapat diedit dalam tampilan Kode setelah Anda telah membuat tabel).

Untuk membuat tabel di Dreamweaver:

1. Pilih Insert → Table, atau klik ikon Table di panel Insert Common atau Layout. < Kotak dialog Table muncul.

   Di kolom Rows and Columns, tentukan jumlah baris dan kolom yang Anda inginkan di tabel Anda.

   

2. Pada field Table Width, masukkan lebar tabel dan lalu pilih Persen atau Piksel dari daftar drop-down.

3. Jika memilih Pixel, tabel akan dibuat dalam ukuran tetap. Jika Anda memilih Persen, tabel akan diperluas atau dikelompokkan berdasarkan ukuran jendela browser. Misalnya, jika Anda membuat tabel dan mengatur ukurannya menjadi 80 persen, tabel akan mengisi 80 persen ruang jendela browser.

   Di bidang Perbatasan Tebal, tentukan ketebalan batas meja Anda dalam piksel.

4. Anda bisa memasukkan 0 di kolom ini untuk membuat tabel tanpa batas yang terlihat.

   Di bidang Cell Padding and Cell Spacing, masukkan jumlah piksel padding sel dan jarak sel, masing-masing untuk meja Anda.

5. Bidang padding dan spacing dapat dibiarkan kosong untuk membuat meja tanpa bantalan ekstra atau spasi. Sebagai alternatif, Anda dapat membuat gaya CSS yang menentukan spasi.

   Pilih opsi Header dengan mengklik ikon yang mewakili posisi header yang Anda inginkan di tabel Anda.

6. (Opsional) Di bidang Aksesibilitas, tambahkan keterangan dan ringkasan.

7. Bidang ini memberikan informasi tambahan yang berguna bagi tuna rungu dan orang lain yang berselancar di web menggunakan pembaca layar atau browser web lainnya yang membaca halaman web dengan lantang.

   Klik OK.

8. Tabel ditambahkan ke halaman dalam kotak dialog Dreamweaver dan Table akan ditutup.

   Untuk menambahkan teks ke sebuah tabel, klik untuk menempatkan kursor Anda di sel tabel mana pun dan kemudian ketik data yang Anda inginkan di sel itu. Ulangi untuk setiap sel.

9. Atau, Anda dapat menggunakan Edit → Paste Special untuk memasukkan data columnar dari program lain, seperti Excel.

   Untuk memasukkan gambar ke dalam sel, klik untuk menempatkan kursor di sel tabel dan pilih Insert → Image → Image. Ulangi untuk setiap sel.

10. Atau, Anda dapat menggunakan ikon Gambar di panel Common Insert.

    Terapkan opsi pemformatan, seperti huruf tebal atau miring, ke sel yang dipilih dan isinya dengan memilih opsi dari Property inspector.

11. Anda dapat mengedit semua pilihan tabel, kecuali opsi Aksesibilitas, di Property inspector setelah Anda membuat tabel. Bila Anda memilih tabel atau sel dengan mengkliknya di ruang kerja Dreamweaver, atribut muncul di Property inspector di bagian bawah area kerja.

Klik batas tabel untuk memilih keseluruhan tabel, dan Property inspector menampilkan pilihan tabel. Untuk melihat semua opsi, klik tanda panah expander di sudut kanan bawah inspektur Properti.

Kredit: Foto oleh Janine Warner

Kadang-kadang memilih seluruh tabel dan bukan hanya sel individu yang rumit. Jika Anda mengalami masalah dalam memilih tabel, cukup letakkan kursor Anda di manapun di tabel dan pilih Modify → Table → Select Table.