Ana Sayfa Haberler Yazılımlar Dersler Forumlar Reklam (Yeni) Gizlilik Politikamız

CSS Dersleri-1

29.12.2007 @ 15:18
16179 kere okundu, 10 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: 2
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 :)

Yazan : eRdiNc - 31/01/2009
Teşekkür Ederim.Vallahi css'yi buradan öğrendim diyebilirim.:)

Yazan : kutadgu - 23/04/2009
MERHABALAR BEN SİTENİZİ YENİ KEŞİF ETTİM VE HEMEN KAYDOLDUM GERÇEKTEN DERSLER ETKİLİ VE GÜZEL OLMUŞ,
BENİM TAKILDIĞIM NOKTA CSS , HTML SAYFASINDA YANI DİVLERKE DÜZENLERKEN BİR VİDEO MEVCUTMU ACABA COK MERAK ETTİM.

Yazan : BurakBarbak - 27/04/2009
Aslında önümüzdeki tüm derslerde örnekler HTML sayfalarında göstererek yapıyoruz. Bir siteyi baştan aşağı yapılışını ise gösteriyor(duk). 1 ders kaldı bi türlü yapamamadık :D

Yine de kaynak kodlardan her şey açıkça anlaşılıyor.

Yazan : mkykral94 - 19/05/2009
kardeş ders güzel ama bir sorunum var
sorun;
ben html yi yazıyom ama olmuyo düzyazı çıkıyo kırmızı bir arkaplan olmuyor ne yaptıysan aynısını noktasına virgülüne kadar yazdım ama olmuyor sorun ne olabilir yardım edersen sevinirim

Yazan : BurakBarbak - 21/05/2009
Yazdığın kodları bizimle paylaşırsan daha iyi yardım edebilirim. Nerede hata yaptığını görebiliriz.

Belki Türkçe karakter kullanmanda, yanlış bir nokta/işaret kullanmandan kaynaklanabilir.

Yazan : aHMeT03 - 10/06/2009
üstad süpersin epey gelişme kaydettim

Yazan : altanyc - 24/02/2010
bakalım öğrenebilicezmi:S

Yazan : tugay - 06/03/2010
dersler çok güzel olmuş dw da üyelik sistemi yada iletişim sistemi yapımınıda anlatsan çok makbule geçer ellerine sağlık dersler için =)))

  • 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 ©