Ana Sayfa Haberler Yazılımlar Dersler Forumlar Reklam

CSS Dersleri-1

29.12.2007 @ 15:18
2770 kere okundu, 2 yorum yazildi.


CSS’e Giriş
CSS’nin açılımı, Cascading Style Sheets (stil şablonu)’dir. Web sayfanızın görünümünü içeriğinden ayırmak (bunun ne kadar önemli olduğunu göreceksiniz) ve tasarım konusunda daha fazla seçenek sahibi olmak için W3C tarafından geliştirilmiş standarttır.
CSS ile Neler Yapabiliriz?
CSS ile yapabileceklerimiz her geçen gün artıyor, şu an CSS 2.1 standartını kullanıyoruz. CSS 3.0 ile çok daha fazla şeye sahip olacağız. Giriş seviyesi için neler yapabileceğimizi kısaca anlatalım.
§ İçeriğimizdeki yazıların tiplerini (font, büyüklük, renk, kalın/italik/altı çizgili) belirleriz.
§ Bağlantıların özelliklerini (renk, üzerine gelindiğinde ya da ziyaret edildiğindeki durumları vb.) belirleriz.
§ Menüler ve tablolar oluştururuz.
§ Sayfamızın (bkz: resim_1) şablonunu yaratırız.
 
İlk Dersimiz
 
CSS’de iki temel seçici vardır. Bunlar Class ve ID seçicileri. Bunların kullanımlarını ve görevlerini animasyonumuzda inceleyeceğiz. Aşağıdaki tablomuz belki size fikir verir, ID tanımlaması yaparken başında “#” işaretini Class tanımlarken de “.” kullanıyoruz. Aynı zamanda bu animasyonumuzda CSS’i (X)HTML sayfamıza nasıl ekleyeceğimizi de göreceksiniz.

Yukarda katmanları tanımlanmış örnek bir web sayfası şablonu görüyorsunuz.

Sonraki Dersler

En temelden en gelişmişe doğru bir ilerleme kaydedeceğiz. Tüm dersler bittiğinde siz de kendi web sayfasınızı hazırlayacak düzeye geleceksiniz. Bir sonraki dersimizde CSS’de margin ve padding özelliklerini inceleyeceğiz.

Animasyonumuz sadece 3.30 MB'tır.
Yazan:
Burak Barbak
5.0
Toplam Oy Sayisi: 1
AddThis Social Bookmark Button
  • Yorumlar       
Yazan : merve - 14/07/2008
ben siteye yeni üye oldum yaptığınız herşey cok güzel ve yaralı

Yazan : BurakBarbak - 14/07/2008
Hoşgeldin merve :)

  • Yorum Yaz       
Yorum Yazabilmeniz İçin Giriş Yapmanız yada Üye Olmanız Gerekmektedir.
Rumuz:

Guvenlik Kodu
Yorumunuz:
[b] [/b] ile kalinlik, [i] [/i] ile yatiklik ve [u] [/u] ile alticizik kelimeler ekleyebilirsiniz.
Örnek ;[b]Blicca[/b] [i]Bilgi[/i] [u]Sitesi[/u]
Bu site Firefox uyumlu olarak geliştirilmektedir.
Blicca ©