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

CSS Dersleri-1

29.12.2007 @ 15:18
7954 kere okundu, 8 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

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