|
Css’in açılımı ile söze başlayalım. Cascading
Style Sheets. Biz kısaca konularımız dahilinde Stil Şablon olarak
bahsedeceğiz. Gelelim Stil Şablonun varoluş amacına. Sizinde
bildiğiniz üzere Html yazım şekli olarak etiket türünde bir yazım
dili. Bu yüzden pek fazla özelliklere sahip değil. Bu sahip
olamadığı özellikler nedeniyle sayfanın dizaynında bize tam
esneklik veremiyor. Css bu amaçla üretilmiş bir dil. Kullanım
kolaylığı ve kullanışlılığı ile Html’e eklenmesinden itibaren çoğu
web tasarımcısının gözdesi oldu. Çünkü her türlü sayfa dizaynını
bize bırakarak müthiş bir esneklik sağlıyor. Ayrıca ileriki
konularımızda bahsedeceğimiz üzere bağlantılı stil şablonlar
aracılığı ile de birden çok sayfaya etkiyebiliyor. Bu da bize
sitenin görünümün değiştirmek istediğimizde elimizdeki onlarca
belki de yüzlerce sayfanın kodlarını değiştirmeden sadece css
dosyasının değiştirerek bu imkanı sağlıyor.
Stil Şablon’un tarayıcılara eklenmesinden
sonra iki versiyonu çıktı. Bunlar Css 1 ve Css 2. Ayrıca bazı
konularda MSIE (Internet Explorer) ve NN (Netscape Navigator)
tarayıcıları aynı kodları kabul etmiyorlar. Biz derslerimizde her
iki tarayıcıda da etkin olan veya etkin olmayıp dizaynı bozmayan
(A:hover gibi) Stil Şablon özelliklerini göreceğiz. Şimdi
derslerin içeriğinde neler var onları görelim:
1. Stil Şablon çeşitleri :
Css’in en çok beğenilen yönü istendiğinde
sadece bir öğeye etkimesi, istendiğinde tüm sayfaya etkimesi,
istendiğinde site içindeki tüm html dosyalarına etkimesidir.
Bunlar kısaca Stil Şablonun kullanım çeşitleridir.
2. Html etiketleri ile Css :
Bu dersimizde Html’deki font,background gibi
çeşitli özelliklerin Stil Şablon tarafından nasıl
belirlenebileceğini göreceğiz.
3. Seçiciler (Selectors) :
Kimi zaman Html etiketlerinden fontu hepimiz
kullanırız. Örneğin bir sayfa içerisinde font etiketine birden çok
görünüm eklemek isteriz. Bu durumda seçiciler imdadımıza yetişir.
Bu dersimizde de seçicilerin nasıl kullanıldığını ve yazım
kurallarını öğrenceğiz.
4. Genel kullanım şekilleri :
Bu dersimizde ise A (link) etiketinin
çeşitli kullanım biçimleri ile birlikte bir Stil Şablonun nasıl
kullanırsak işimize daha fazla yarayacağını göreceğiz. Siz
buradaki kullanım tarzına göre Css’i kullanırken kendinize nasıl
bir yön izleyeceğinize karar vereceksiniz.
|