CSS Eğitimi |
CSS Eğitimi Tanımı
CSS Eğitimi ile denizleri gökyüzüne, güneşi denizin içine getirebilirsiniz. Hem de bir kaç küçük css satırıyla. Tabi bu olaylar, PC ve cihazlarınızın desteklediği browser'lar içinde olur. CSS Eğitimi amacı, öğrencilerin CSS ile web üzerinde, efektif bir tasarım ve fonksiyonellik taşıyan web siteleri yapmalarını sağlamaktır. CSS Eğitimi süresince, CSS'e ilişkin temel bilgiler ve örnek uygulamaların yanı sıra, birtakım yeni başlıklar anlatılacaktır. CSS Eğitimi Özellikle farklı tip browser'lar için css kullanımı konusuna eğilinilecektir.
CSS Eğitimi sonrası, web sitelerinizi, kod ve görselliği ayrı şekilde dizayn etmek daha kolay olacaktır.CSS Eğitimi; PC ve mobil cihazlar için efektif siteler tasarlamanıza önemli katkılar sağlayacaktır.
CSS3 Eğitimi, CSS Eğitiminden ayrı olarak verilmektedir. CSS3 Eğitimi için iletişime geçiniz.
CSS Eğitimi İçeriği
CSS Eğitimi - Bölüm 1: CSS’e giriş
- CSS ile Stilleri tanımlama- CSS Seçiciler
- CSS Özellikleri
CSS Eğitimi - Bölüm 2: Temel Metin Şekillendirme
- Font büyüklükleri ve Font family kullanımı- Link bağlantılarının görünümünü kontrol etme
- Paragraflar yerine tek tek kelimeleri düzenlemek
- Metin ilk yüksekliğini belirlemek
- Metin Hizalama ve merkezleme
- Listelerin görünümlerini kontrol etmek.
- Sayfa kenar boşluklarını çıkarmak.
- CSS dosyasına yorum ekleme
CSS Eğitimi - Bölüm 3: CSS ve Görüntüler
-Resimlere border ekleme- HTML align kullanmadan imajı metinle kaplamak
- CSS ile bir sayfa için bir arka plan görüntüsü ayarlama
- Arka plan resimleri konumlandırma
- Metin kaysa bile arka planda sabit kalacak bir görüntü oluşturmak
- Bir resim üstüne metin yerleştirme
CSS Eğitimi - Bölüm 4: Gezinti ve Menüler
- İmaj tabanlı navigasyon kullanmak- Listeleri bir navigasyon menüsü oluşturmak için kullanma
- Fotoğraf veya JavaScript olmadan rollover navigasyon oluşturmak için CSS kullanma
- CSS ve listeler ile yatay menü yapma
- CSS kullanarak navigasyon gibi buton oluşturma
CSS Eğitimi - Bölüm 5: Tablo Verisi
- HTML border özelliği kullanmadan tablolara border ekleme- tablo satırlarını alternatif renklerde görüntülemek
- onhover koşulunda tablo satırının arka plan rengini değiştirmek
CSS Eğitimi - Bölüm 6: Formlar ve Kullanıcı Arayüzleri
- CSS kullanarak form elementlerini düzenlemek- Tek bir form alanına farklı css stilleri uygulamak
- Formlardaki white spaceleri ve line break’leri kontrol etmek
- Kullanıcı içine tıkladığında form alanını renkli olarak vurgulamak
CSS Eğitimi - Bölüm 7: Tarayıcı ve Cihaz Desteği
- Farklı tarayıcılarda test etmek- Farklı işletim sistemlerinde test etmek.
- İnternet explorer’ın farklı versiyonlarını aynı anda kurmak
- CSS’i, desteklemeyen tarayıcılardan gizlemek
- Internet Explorer'ın Quirks Modu’nu anlama
- Bir baskı stil sayfası oluşturma
- alternatif stil sayfaları Kullanma
- Bir stil sayfası switcher yapma
- Kod yinelemeden alternatif stil sayfaları kullanma
CSS Eğitimi - Bölüm 8: CSS Konumlandırma ve Düzen
-Class ve id kullanma arasında karar verme-CSS içerisinde margin ve paddingler
-Float kullanıldığında sıradaki elementin yukarı kaçmasını engellemek
-table kullanmadan elementleri sağa sola yaslamak
-Herhangi bir itemin pozisyonunu CSS ile belirlemek
-Soldaki menüden ve sağdaki içerikten karışık esnek genişlikli iki sütun oluşturma
-Ve bunu tersine bir şekilde gerçekleştirerek menüyü sağa koyma
-Sabit genişlikli bu yapıda iki sütun oluşturma