Css Dersleri
•Temel CSS Dersleri ◦CSS’e başlamak ◦CSS’in Yapısı ◦(X)HTML Sayfa Yapısı ve CSS Kullanımı ◦Özellik Seçicileri(Attribute Selectors) ◦Doğru DOCTYPE Kullanımı ◦Pseudo-sınıfları ve Pseudo-elementleri ◦CSS Birimleri ◦CSS’i Web Sayfalarına Eklemek ◦CSS’de Kısaltmalar ◦Hızlı CSS Referansı ■CSS - Zemin(Background) Özellikleri ■Font Özellikleri ■CSS Sınıflandırma-Liste Özellikleri ■CSS Kutu Modeli Özellikleri 1 - Kenarlık(border) Özellikleri ■CSS Kutu Modeli Özellikleri 2 - Margin Özellikleri ■CSS Kutu Modeli Özellikleri 3 - Padding Özellikleri ■CSS Kutu Modeli Özellikleri -4 ■CSS Kutu Modeli Özellikleri 5 - Görünüm Efekti Özellikleri ■CSS Metin(Text) Özellikleri ■Tablo Özellikleri ◦CSS Editörleri •Gelişmiş CSS Dersleri ◦CSS’de Kalıtsallık(Inheritance) ◦CSS’de Tanımlamalar ve Etkinlikleri(Specificity) ◦CSS’de Çıktı alma (Print) ◦CSS ile Kutu modeli ◦CSS Kodlama Teknikleri ve CSS Kodlarını Azaltma Yöntemleri ◦CSS ile konumlandırma(positioning) ◦Sabit Konumlandırma (Postion:fixed) ◦z-index ◦CSS ile sayfalarımızı ve elementlerimizi ortalamak ◦CSS ile Dikey Ortalama ◦Float ve Clear özellikler ile konumlandırma ◦İçiçe Float Elementlerinin Kullanımı ◦CSS ile Web Sayfası Oluşturma ◦CSS ile Web Sayfası Oluşturma II ◦CSS ile Web Sayfası Oluşturma III ◦Genişlik ve Yüksekliğin Sınırlarını Belirlemek(min-width, min-height,max-width, max-height) ◦Yuvarlak Kenarlı Kutular ◦CSS ile Menü Yapmak I - Dikey Menüler ◦CSS ile Menü Yapmak II - Yatay Menüler ◦CSS ile Menü Yapmak III - Dikey Açılır Menüler ◦CSS ile Menü Yapmak IV - Yatay Açılır Menüler ◦CSS ile Menü Oluşturmak V - Resimli Menüler ◦CSS ile Menü Oluşturmak VI - Sekmeli(Tab) Menü Yapımı ◦CSS ile Menü Oluşturmak IV - Basit Resimli Menü Yapmak ◦CSS ile Tabloları şekillendirmek ◦CSS ile Erişilebilir Formlar Yapmak - I ◦CSS ile Erişilebilir Formlar Yapmak - II ◦Metin Yerine Resim/Flash Ekleme Teknikleri (Image Replacement) ◦CSS ile gölge vermek ◦CSS ve Tipografi ◦Internet Explorer 6 için saydam PNG desteği •CSS Teknikleri ◦Xhtml - CSS : Başlıklar ◦Listerlerin Blok Olarak Linklenmesi ◦CSS ile Araç İpucu(Tooltip) Hazırlama ◦Alıntı: blockquote ve q etiketleri ◦CSS ile Yüzde Çubuğu Hazırlama ◦CSS ile Resim Haritaları(imagemap) yapmak ◦CSS ile Basit Şekilde Fare Üzerine Gelince(Rollover) Resim Değişimi Yapmak ◦CSS ileStil Vermek ◦CSS ile sayfalama görselliğini ayarlama yeni •CSS Problemleri ve Çözüm Önerileri ◦IE’de Hata Ayıklamak için şartlı Yorumlar Kullanmak ◦CSS Hata Ayıklama Yöntemleri ◦Css de kodumuzu İE’den gizleme ◦CSS ile Kutu modeli, sorunları ve çözümleri ◦IE’da İkikat görülen Margin Problemi ve Çözümü ◦IE’da min-width, min-height,max-width, max-height Kullanmak ◦IE6′un Tekrarlayan Karakter Sorunu ◦IE’un 3 piksel Metin Öteleme Hatası ◦IE6′da CEE-EEE(peek-a-boo) Hatası ◦Göreceli-Mutlak Konumlandırma Sorunu ◦Internet Explorer 7 ve CSS ◦Kenar Boşluğu(Margin) Çökmesi ◦Float Uygulanmış Elementleri Tam Kapsayamama Sorunu ◦Firefox’da satıriçi(inline) elemanların padding-right sorunu ◦Internet Explorer 6 olmasa hayat daha kolay ve zevkli olurdu ◦En çok kullandığım CSS Hileleri(Hack) ◦Tüm tarayıcılar için CSS Düzeltmeleri(Hack) ◦Tablo Satırına Verilen Ardalan Resminin Tekrarlama Sorunu •CSS İpuçları ◦CSS İpuçları 1 : üç kelimeli font tanımı ◦CSS İpuçları 2 : CSS’de hata yakalama yöntemleri ◦CSS İpuçları 3 : CSS ile birlikte yürürlükten kalkan HTML elementleri ◦CSS İpuçları 4 : CSS ile birlikte yürürlükten kalkan HTML özellikleri ◦CSS İpuçları 5 : CSS seçicilerini tanımlarken küçük-büyük harfe dikkat etmek ◦CSS İpuçları 6 : CSS kısaltmaları hakkında ◦CSS İpuçları 7 : CSS yorum kodu ekleme ◦CSS İpuçları 8 : CSS id ve sınıf ismi verirken dikkat edilecek hususlar ◦CSS İpuçları 9 : CSS ve (X)HTML kodlamada yorum satırı eklemenin avanytajları ◦CSS İpuçları 10 : CSS’e eklenen resimlerinin konumu ◦CSS İpuçları 11 : CSS Kodlarını Web Tarayıcıları ile Test etmek ◦CSS İpuçları - 12 : 3 köşeye border tanımı ◦CSS İpuçları 13 : CSS’de Cellspacing=”0″ nasıl yakalarız ◦CSS İpuçları 14 : IE div yüksekliği sorunu ◦CSS İpucu 15: align=”absmiddle” yerine vertical-align:middle kullanmak ◦CSS İpucu 16: Evrensel seçicilerde yazıtipi kısaltması kullanımında sorun ◦CSS İpucu 17: Float Uygulanmış Elementleri Tam Kapsayamama Sorunu İpuçları ◦CSS İpucu 18: Optimizasyon İçin CSS Medya Dosyalarını Birleştirmek ◦CSS İpucu 19: Tüm Tarayıcılar İçin CSS İle Saydamlık(Opacity) ◦CSS İpucu 20: Firefox’da Kaydırma Çubuğu Çıkarma •CSS 3 ve CSS’in Geleceği ◦CSS3 Module: Paged Media ◦HTML 5′in yeni elementlerine bir göz atalım •CSS Kaynakları ◦Web Standards Solutions: The Markup and Style Handbook : Dan Cederholm ◦Cascading Style Sheets: The Definitive Guide, 2nd Edition - Eric Meyer ◦More Eric Meyer on CSS ◦CSS Mastery: Advanced Web Standards Solutions - Andy Budd