Video: Tutorial dalam membuat layout halaman berbasis CSS menggunakan Dreamweaver CS6 2024
Dreamweaver menyajikan pilihan yang berbeda untuk menentukan konten utama. Salah satunya melibatkan gaya embedding di dalam halaman, yang tidak disarankan. Sebagai gantinya, buat lembar gaya eksternal - lembar gaya yang merupakan file terpisah yang dapat dihubungkan ke (diterapkan pada) beberapa halaman dalam sebuah situs web.
Yang mengatakan, ada waktu dan tempat untuk mendefinisikan seluruh halaman styling yang hanya berlaku untuk satu halaman. Kapan kamu akan melakukannya
Anda mungkin menggunakan gaya yang menentukan untuk satu halaman saat Anda terburu-buru untuk membuat prototipe halaman untuk tim atau klien Anda, dan Anda akan kembali lagi nanti dan menerapkan gaya. Atau, jika Anda membuat situs web satu halaman dan tidak perlu lembar gaya eksternal yang akan berlaku untuk beberapa halaman.
Dreamweaver menyediakan alat untuk melakukan itu di kotak dialog Page Properties.
Untuk membuka kotak dialog Page Properties, klik tombol Page Properties pada Properties Inspector atau pilih Modify → Page Properties. Tab The Appearance (CSS), Appearance (HTML), Links (CSS), dan Headings (CSS) menghasilkan kode kepala yang mendefinisikan bagaimana elemen yang berbeda pada halaman muncul. Pilihannya intuitif.
Pada tab Appearance, misalnya, Anda dapat menentukan font teks, ukuran, dan warna serta warna latar belakang (atau gambar) untuk sebuah halaman. Angka tersebut menunjukkan warna latar belakang yang didefinisikan. Tab lain pada kotak dialog Page Properties memberikan opsi intuitif yang sama untuk menentukan fitur, seperti bagaimana tampilan link dan bagaimana judul terlihat.
Dalam upayanya untuk membuat desain web menjadi mudah, dan untuk melindungi perancang dari apa yang "di bawah tenda," Dreamweaver menawarkan opsi yang menghasilkan kode style sheet CSS "secara tidak sadar. "
Misalnya, ketika Anda menggunakan fitur di kotak dialog Page Properties, Anda mungkin tidak menyadari bahwa saat Anda mendefinisikan properti seperti latar belakang halaman atau gaya font, Anda benar-benar menghasilkan kode CSS - tapi memang begitu. Karena hubungan antara CSS dan HTML ini, pendekatan "on the fly" untuk menghasilkan CSS mungkin berguna.