Yeni Başlayanlar için Dreamweaver CS3 Ders 2

Css herhangi bir HTML etiketinin ( gibi) stil özelliklerini değiştirmek için kullanılır.

1) Windows > CSS Styles komutunu seçin. Body'yi seçin ve CSS Style panelinin alt kısmında kalem simgesiyle gösterilen Edit Style düğmesine tıklayın.


2) CSS Rule defınition for body iletişim kutusu açıldıktan sonra Background renk örneğine tıklayarak renk seçicisini açın.

3) Renk seçicisinde damlalık aracını kullanarak ikinci sütundaki beyaz renk bloğunu örnekleyin.



4) Değişiklik işlemini tamamlamak için OK düğmesine tıklayın. Dreamweaver, yeni rengi CSS Styles panelinin Properties bölmesine kaydecektir. Bütün panalleri gizlemek için F4 tuşuna basın; gr, olan arka plan renginin beyaza dönüştüğüne dikkat edin.



5) Ön plan resimleri sayfaya doğrudan eknelirken arka plan resimleri CSS aracılığıyla yerleştirilir. İmleci Başlık metninin içinde herhangi bir yere yerleştiriniz.

6) Etiket seçiciden etiketini seçin.


7) Css style panelinde Current düğmesine tıklayarak Current moduna geçin. Summary bölmesinde Background ve ardından Edit Styles düğmesine tıklayın. #header iletişim kutusu açıldıktan sonra Background image etiketi ve menüsünün yanındaki Browse düğmesine tıklayın.



Başlığın seçimini kaldırmak için sayfanın herhangi bir yerine tıklayın ve arka plan resmini görüntüleyin.



CSS, st,l seçimi üzerinden müthiş bşr kontrol imkanı sağlar. Bir etiketin belirli bir sayfadaki veya bütün bir sitedeki tüm örneklerinin görünümünü ve tarzını değiştirmeye ek olarak, stil değişikliğinin sadece belirli bir konumdaki bir etikette değişiklik yapmasını sağlayabilirsiniz.

9) İmleci başlık metninin içinde herhangi bir yere yerleştirin. Etiket seçici'de

etiketini seçin. CSS styles panelinde Current modunun seçili olduğundan emin olun. About bölmesi görüntülenmiyorsa, About başlık çubuğunun en sağındaki Show Cascade simgesine tıklayın.

10) Rules bölmesinde #header h1 'i seçin Edit Style düğmesine tıklayın.





11) H1 iletişim kutusu açıldıktan sonra Category sütunundaki Type seçeneğine tıklayın. Font listesinden Geneva,Arial,Helvetica,sans-serif'i seçin. Color renk örneğine tıklayarak beyazı seçin. Ok düğmesine tıklayın.


Sayfanın herhangi bir yerine tıklayarak başlık metninin seçimini kaldırın. Beyaz başlık, arka plan resmiyle daha keskin bir kontrast oluşturacak ve daha okunaklı olacaktır.