Video: Adobe Dreamweaver CS4 5. Bölüm CSS İle Çalışmak ( Etiket Stili Oluşturmak ) 2024
Adobe Dreamweaver CS6'da etiket biçimi (veya tür seçici ) oluşturmak, yeni kullanıcıların CSS'yi anlamaları için basit ve güvenli bir yol oluşturduğu için P, H1 ve H2 gibi mevcut HTML etiketlerini hedefler.
Sayfanızdaki mevcut etiketleri kullanarak, belirli HTML etiketlerinin kullanıldığı her yerde otomatik biçimlendirme uygulamayı seçebilirsiniz. Örneğin,
(Başlık 1) etiketinin içindeki herhangi bir metni otomatik olarak kalın, 36 piksel ve kırmızı yapabilirsiniz.
Özellik denetçisiyle bir etiket stili oluşturmak için şu adımları izleyin:
-
Metni içeren bir HTML sayfası açın.
-
Özellik denetçisini HTML görünümünde görüntülemek için, Özellik denetçisinde, panelin sol tarafındaki HTML düğmesine tıklayın.
-
Özellik denetçisinde bulunan B düğmesini tıklayarak bir metin satırı seçin ve kalın koyun.
-
Panelin en sol tarafındaki CSS düğmesini tıklatarak Özellik denetçisinin CSS görünümüne geçin.
Amaç, metni koyu renkli etikete kesin stil bilgisi atamaktır; bu nedenle sayfada kalın metin de kırmızı renkte görünür.
-
Kalın metni seçili halde bırakın ve Özellik Denetçisinde Hedeflenen Kural açılır listesinden seçim yapın.
-
Metin seçili haldeyken, seçilen koyu renkli metne uygulanacak kırmızı bir renk seçmek için Özellik denetçisinin sağ tarafındaki renk seçiciyi kullanın (B ve I düğmelerinin altında bulunur).
Yeni CSS Kuralı iletişim kutusu görüntülenir.
-
Seçici Türü açılır listesinden Etiket'i (bir HTML Öğesini yeniden tanımlar) seçin; Seçici Adı açılır listesinden Güçlü öğesini seçin; Kural Tanımı aşağı açılır listesinden (Bu Belge) seçeneğini seçin.
Seçici türü, biçimlendirmenin sayfadaki seçili bir HTML etiketine nasıl uygulanacağını belirler. Etiket stilleri, o öğenin sayfada görüldüğü her yerde otomatik olarak uygulanır.
-
Yeni etiket stilini oluşturmak ve paneli kapatmak için Tamam'ı tıklayın.
Artık kalın metin yapmak için ( düğmesini veya diğer kısayolları kullanarak) etiketini uyguladığınızda, kalın metin de kırmızı renktedir. Kalın metnin, bir belgede her göründüğünde görünmesini belirleyen bir etiket stili oluşturdunuz.
Kalın bir metni seçip Özellik denetçisindeki metin özelliklerini değiştirmeye devam ederek bu yeni etiket stilini daha da arıtabilirsiniz.
Oluşturduğunuz kuralı düzenlemek ve ince ayar yapmak isterseniz, CSS Kuralı Tanımlama iletişim kutusunu açmak için Hedef Kural açılır listesinin altındaki Kural Düzenle düğmesini tıklayabilirsiniz. Bu iletişim kutusu varsayılan olarak Türle ilişkili özellikleri değiştirebileceğiniz Tür kategorisine açılır.
Etiket stilinizi ince ayarlamayı bitirdiğinizde, değişikliklerinizi görmek için iletişim kutusunun altındaki Uygula'yı tıklayın. Değişikliklerinizi uygulamak ve iletişim kutusundan çıkmak için Tamam'ı da tıklatabilirsiniz.
Metni içeren bir HTML sayfası açın.
Özellik denetçisini HTML görünümünde görüntülemek için, Özellik denetçisinde, panelin sol tarafındaki HTML düğmesine tıklayın.
Özellik denetçisinde bulunan B düğmesini tıklayarak bir metin satırı seçin ve kalın koyun.
Panelin en sol tarafındaki CSS düğmesini tıklatarak Özellik denetçisinin CSS görünümüne geçin.
Amaç, metni koyu renkli etikete kesin stil bilgisi atamaktır; bu nedenle sayfada kalın metin de kırmızı renkte görünür.
Kalın metni seçili halde bırakın ve Özellik Denetçisinde Hedeflenen Kural açılır listesinden seçim yapın.
Metin seçili haldeyken, seçilen koyu renkli metne uygulanacak kırmızı bir renk seçmek için Özellik denetçisinin sağ tarafındaki renk seçiciyi kullanın (B ve I düğmelerinin altında bulunur).
Yeni CSS Kuralı iletişim kutusu görüntülenir.
Seçici Türü açılır listesinden Etiket'i (bir HTML Öğesini yeniden tanımlar) seçin; Seçici Adı açılır listesinden Güçlü öğesini seçin; Kural Tanımı aşağı açılır listesinden (Bu Belge) seçeneğini seçin.
Seçici türü, biçimlendirmenin sayfadaki seçili bir HTML etiketine nasıl uygulanacağını belirler. Etiket stilleri, o öğenin sayfada görüldüğü her yerde otomatik olarak uygulanır.
Yeni etiket stilini oluşturmak ve paneli kapatmak için Tamam'ı tıklayın.
Artık kalın metin yapmak için ( düğmesini veya diğer kısayolları kullanarak) etiketini uyguladığınızda, kalın metin de kırmızı renktedir. Kalın metnin, bir belgede her göründüğünde görünmesini belirleyen bir etiket stili oluşturdunuz.