Dreamweaver'da Css Türleri - Class'ları kullanmak

Dreamweaver'da css oluşturmak yazısınında css türleri olduğundan bahsetmiştim. Peki nedir bu türler ve ne işe yararlar.

• Class
• Tag
• Advanced 

En azından Dreamweaver cs3 'e kadar böyleydi cs3'den sonra Advanced bölümü iki farklı bölüme ayrılmış durumda

1. Selected
2. Id

Yani Dreamweaver cs4 ve Dreamweaver cs5 kullanıcıları css türlerini 4 başlık altında görmekteler.

Teker teker inceliyecek olursak

Class: Web sayfamızın istediğimiz bir bölümünde kullanmak amacıyla oluşturduğumuz bir css türüdür. Bizi bağlayan her hangi bir durumu söz konusu değildir. Başlıklarımızdada, paragraflarımızdada, liste, tablo, her yerde oluşturmuş olduğumuz bir class css'inini seçip uygulayabiliriz. Tek yapmamız gereken New Css Rule buttonuna tıkladıktan sonra class seçeneğini seçmek ve bir isim verip istediğimiz özellikleri bu css kuralında kullanmaktır. Class csslerini oluştururken dikkat etmemiz gereken tek nokta isimlendirme işlemidir başına bir nokta koymak ve kesinlikle sayı ile başlamadan özel karakter kullanmadan isimlendirmemiz gerekmekedir.





Örneğin:

".stilim" doğru bir isimlendirmeyken ".1stil" , ".süperstil" yada ".super stil" yanlış isimlendirmelerdir.
sayı ile başlamadan türkçe karakter kullanmadan boşluk, virgül, ünlem gibi özel karakterler kullanmadan isimlendirme yapmalıyız.

İsimlendirme işleminden sonra tek yapmamız gereken istediğimi css özelliklerini belirtmek, cssimizi kaydetmek için ok tuşuna tıklamak ve sayfanın istediğimiz bölümünü seçip uygulamaktan başka yapmamız gereken bir şey kalmıyor.

Css Türleri Class

Css türü seçip isimlendirdirdikten sonra css penceresi açılır ve font, background, block, box gibi kategorilerden istenilen özelikller seçilir.

Class Css Oluşturma

Class türündeki .stilim adlı css'imizi oluşurduktan sonra oluşturduğumuz css, css panelinde yerini alır ve istediğimiz her an tekrardan .stilim'i düzenleyebiliriz. Unutmayın hiç bir hata geri dönülemez bir hata değildir. (Tabi dosyayı bir aydır üzerinde çalıştığınız bir sitenin dosyalarını yanlışlıkla silerseniz onun için yapılabilecekler sınırlı :).)

.Stilim Css panelinde

Yeni oluşturduğumuz css class türündeki css kuralımız css panelinde başında noktasıyla belirdikten sonra yapmamız gereken tek şey sayfamızda .stilimi uygulmak istediğimiz alanı seçili hale getirip class kutusunun açılır menusunden .stilim adlı css kuralımızı seçmek olacaktır.

Class Türündeki Css kurallını uygulamak

Class türündeki css kuralları her hangi bir html etiketine veya sayfamızda isimlendirdiğimiz bir html elemanına bağlı kalmaksızın canımızın istediği yerde uygulayabileceğimiz css türleridir. Oluşturması ve uygulaması oldukça kolaydır ve çok sık kullanılırlar.