Video: Tutorial dalam membuat layout halaman berbasis CSS menggunakan Dreamweaver CS6 2024
Selain menggunakan inspektur Properti di Adobe Dreamweaver CS6, Anda dapat memformat keseluruhan tabel atau sel tabel individual (dan konten) dengan menggunakan CSS (cascading style sheets). Dalam kebanyakan kasus, ini dianggap sebagai praktik yang lebih baik, karena mempertahankan pemisahan antara markup, konten, dan gaya sebenarnya yang digunakan untuk membuatnya menyenangkan secara estetis.
Anda dapat menggunakan CSS untuk memformat tabel sebagai berikut:
-
Buat aturan Kelas CSS dari inspektur Properti atau panel Gaya CSS.
-
Di bawah kategori Type, pilih ukuran dan warna untuk teks tabel Anda.
-
Di bawah kategori Latar Belakang di kotak dialog Definisi Rule CSS, tetapkan warna latar belakang ke meja Anda dengan menggunakan properti Warna Latar Belakang lalu klik OK.
-
Pilih tabel yang ingin Anda gunakan pada gaya Kelas baru.
-
Tetapkan kelas dengan menggunakan daftar drop-down Kelas di Property inspector.
Seluruh tabel Anda mengambil format baru.
Serupa dengan cara Anda dapat menggunakan inspektur Properti untuk mewarnai dan menyelaraskan sel individual, Anda dapat membuat dan menerapkan aturan CSS ke sel tabel. Dalam kebanyakan kasus, ini dianggap sebagai praktik yang lebih baik daripada mengandalkan atribut HTML. Untuk melakukan ini, cukup ikuti langkah-langkah berikut:
-
Buat aturan Kelas CSS dari inspektur Properti atau panel Gaya CSS.
-
Di bawah kategori Latar Belakang, pilih warna Latar.
-
Di bawah kategori Blokir, pilih Tengah dari daftar drop-down Vertical-Align, pilih Center dari daftar drop-down Text-Align, dan kemudian klik OK.
-
Pilih sel tabel yang ingin Anda gunakan untuk kelas baru.
-
Dari inspektur Properti, cari daftar drop-down Kelas dan pilih kelas baru Anda.
Pilihan pemformatan Anda diterapkan ke sel tabel.
