Video: Menggabungkan HTML & CSS 2024
Inspektur properti, yang dapat diakses dari bagian bawah ruang kerja Dreamweaver, menampilkan properti yang tersedia untuk elemen yang dipilih pada halaman. Dengan demikian, pilihan di Property inspector berbeda bila gambar dipilih daripada saat teks dipilih, misalnya.
Bila tidak ada yang dipilih, atau saat Anda memilih teks pada halaman, inspektur Properti dibagi menjadi dua bagian: HTML dan CSS.
Perhatikan bahwa tombol di sisi kiri inspektur Properti membuat perpindahan di antara kedua mode ini mudah.
Jika Anda baru mengenal CSS dan HTML, memahami perbedaan antara kedua mode ini bisa sedikit membingungkan. Intinya, jika Anda menggunakan ikon pemformatan seperti huruf tebal dalam mode HTML, Dreamweaver menambahkan tag HTML , yang membuat teks tampak tebal di kebanyakan browser web. Jika Anda menggunakan ikon yang sama dalam mode CSS, Dreamweaver secara otomatis membuat aturan gaya yang mencakup opsi pemformatan yang berani.
Dalam mode CSS, Anda juga dapat memilih untuk mengedit gaya yang ada untuk menambahkan opsi pemformatan baru ke gaya yang sudah diterapkan pada teks, gambar, atau elemen lainnya pada halaman. Anda dapat mengedit gaya yang ada dengan hanya memilih gaya di daftar drop-down Targeted Rule dan kemudian menggunakan kolom Font, Size, dan bidang lainnya di Property inspector untuk membuat perubahan atau penambahan.
Setiap kali Anda mengedit gaya yang ada yang telah diterapkan pada elemen pada halaman, perubahan yang Anda buat pada gaya diterapkan secara otomatis dimanapun gaya digunakan. Fitur ini sangat indah bila Anda ingin mengubah beberapa hal sekaligus namun bisa menjadi masalah jika Anda ingin membuat elemen (seperti heading) muncul satu arah pada satu halaman dan cara lain di tempat lain.
Kapan pun Anda ingin membuat atau mengedit gaya, gunakan pemeriksa properti dalam mode CSS. Di sisi lain, untuk menerapkan gaya yang ada pada elemen pada halaman, pastikan Anda berada dalam mode HTML. Misalnya, untuk menyelaraskan gambar dengan gaya kelas atau menerapkan gaya ID pada tag, Anda perlu berada dalam mode HTML.
Untuk menerapkan gaya dalam mode HTML, pilih gambar, teks, atau elemen lainnya di halaman di mana Anda ingin menerapkan gaya dan kemudian gunakan daftar drop-down Kelas atau ID untuk memilih gaya; Dreamweaver secara otomatis menerapkannya.
Demikian pula, untuk menerapkan tag HTML, seperti tag
, Anda harus berada dalam mode HTML. Tapi Anda membuat atau mengedit aturan CSS untuk tag
dalam mode CSS. Tentu saja, Anda tidak perlu membuat atau mengedit gaya dengan Property inspector.Pertimbangkan metode pintas ini; Anda mungkin masih lebih suka menggunakan panel Perancang CSS untuk membuat perubahan signifikan pada gaya.
