Cara Membuat Gaya Tag Baru di Adobe Dreamweaver CS6 - dummies

Membuat style tag (atau tipe selector ) di Adobe Dreamweaver CS6 adalah rute sederhana dan aman bagi pengguna baru untuk memahami CSS karena targetkan tag HTML yang ada, seperti P, H1, dan H2.

Dengan menggunakan tag yang ada di halaman Anda, Anda dapat memilih untuk menerapkan format otomatis dimanapun tag HTML tertentu digunakan. Misalnya, Anda dapat membuat teks di dalam tag

(Pos 1) secara otomatis tebal, 36 piksel, dan merah.

Untuk membuat style tag dengan Property inspector, ikuti langkah berikut:

1. Buka halaman HTML yang berisi teks.

2. Pada inspektur Properti, klik tombol HTML di sisi kiri panel untuk menampilkan inspektur Properti dalam tampilan HTML.

3. Pilih baris teks dan tebal dengan mengklik tombol B yang terletak di Property inspector.

4. Beralih ke tampilan CSS inspektur Properti dengan mengklik tombol CSS di sisi paling kiri panel.

   Tujuannya adalah untuk menetapkan informasi gaya definitif ke tag yang bertuliskan teks, jadi setiap teks tebal pada halaman juga akan muncul berwarna merah.

5. Biarkan teks tebal dicetak, dan di Property Inspector pilih dari daftar drop-down Targeted Rule.

6. Dengan teks yang masih dipilih, gunakan pemilih warna di sisi kanan inspektur Properti (terletak di bawah tombol B dan I) untuk memilih warna merah untuk diterapkan pada teks tebal yang dipilih.

   Kotak dialog New CSS Rule muncul.

   

7. Dari daftar drop-down Selector Type, pilih Tag (Mendefinisikan ulang Elemen HTML); pilih Strong dari daftar drop-down Selector Name; pilih (Dokumen ini Hanya) dari daftar drop-down Rule Definition.

   Jenis pemilih menentukan bagaimana pemformatan akan diterapkan ke tag HTML yang dipilih pada halaman. Gaya tag secara otomatis diterapkan dimanapun elemen itu muncul di halaman.

8. Klik OK untuk membuat style tag baru dan menutup panel.

   Sekarang, setiap kali Anda menerapkan tag untuk membuat teks tebal (menggunakan tombol B atau cara pintas lainnya), teks tebal juga akan muncul berwarna merah. Anda telah membuat gaya tag yang menentukan bagaimana teks tebal muncul kapan saja dalam dokumen.

Anda dapat lebih menyempurnakan gaya tag baru ini dengan memilih teks tebal dan terus memodifikasi properti teks dari inspektur Properti.

Jika Anda ingin mengedit dan menyempurnakan aturan yang telah Anda buat, Anda dapat mengklik tombol Edit Rule di bawah daftar drop-down Targeted Rule untuk membuka kotak dialog CSS Rule Definition. Kotak dialog ini terbuka secara default ke kategori Jenis, di mana Anda dapat memodifikasi properti yang terkait dengan jenis.

Setelah selesai menyempurnakan tag style Anda, klik Apply di bagian bawah kotak dialog untuk melihat perubahan Anda. Anda juga bisa klik OK untuk menerapkan perubahan Anda dan keluar dari kotak dialog.