| Hafta | Konu | Ön Hazırlık | Dökümanlar |
| 1 |
Html ´ye Giriş
|
Web teknolojileri ve HTML hakkında temel araştırma yapınız.
|
Ders notları, HTML giriş sunumu
Lecture notes, HTML introduction presentation
|
| 2 |
Biçimlendirme etiketleri
|
Temel HTML biçimlendirme etiketlerini inceleyiniz.
|
Ders notları, örnek HTML dosyaları
|
| 3 |
Başlık, paragraf
|
Başlık ve paragraf etiketlerinin kullanımını araştırınız.
|
Ders notları, uygulama örnekleri
|
| 4 |
Etikelerde parametre ve kullanımı, bağlantılarla çalışma
|
HTML etiket parametreleri ve bağlantı yapıları hakkında ön çalışma yapınız.
|
Ders notları, bağlantı örnekleri
|
| 5 |
Resimlerle çalışma, dosya yolu işlemleri
|
Resim ekleme yöntemleri ve dosya yollarını inceleyiniz.
|
Ders notları, uygulama föyü
|
| 6 |
Tablolarla çalışma, hücre birleştirme işlemleri
|
HTML tablolarının yapısını ve kullanımını araştırınız.
|
Ders notları, tablo örnekleri
|
| 7 |
Listeler, Iframe kavramı, ID ve sınıf kavramları
|
Liste türleri, iframe, ID ve class kavramlarını inceleyiniz.
|
Ders notları, örnek uygulamalar
|
| 8 |
HTML'de Head-Body ayrımı, Meta etiketi kullanımı, semantik etiketler, karakter setleri, emojilerle çalışma, block-inline davranış bilgisi
|
HTML semantik etiketleri ve meta etiketleri hakkında araştırma yapınız.
|
Ders notları, HTML5 semantik yapı dokümanı
|
| 9 |
HTML'de form nesneleri ve formarla çalışma
|
HTML formlarının temel bileşenlerini inceleyiniz.
|
Ders notları, form uygulama örnekleri
|
| 10 |
CSS'e giriş
|
CSS'in amacı ve kullanım alanları hakkında ön çalışma yapınız.
|
Ders notları, CSS giriş sunumu
|
| 11 |
CSS ile biçimlendirme, renklerdirme, metin ve paragraf işlemleri
|
CSS ile metin ve renk biçimlendirme örneklerini inceleyiniz.
|
Ders notları, CSS uygulama örnekleri
|
| 12 |
CSS'te Kutu Modeli, azami genişlik-yükseklik, asgari genişlik-yükseklik, pozisyonlama, z-index, overflow, float
|
CSS kutu modeli ve pozisyonlama kavramlarını araştırınız.
|
Ders notları, Box Model dokümanı
|
| 13 |
CSS metrikleri, specificity, Pseudo sınıf ve elementler, kombinatör seçiciler, !important kavramı
|
CSS seçicileri ve pseudo sınıflar hakkında ön çalışma yapınız.
|
Ders notları, CSS seçici örnekleri
|
| 14 |
HTML ve CSS teknolojileriyle bir örnek tasarım gerçekleştirme
|
HTML ve CSS kullanılarak geliştirilen örnek web tasarımlarını inceleyiniz.
|
Ders notları, proje yönergesi ve örnek tasarımlar
|