| Hafta | Konular |
| 1 |
Tanışma, Web Tasarımına Giriş: Nereden başlamalı, Web tasarımcısı ne yapar? Hangi diller öğrenilmeli, Hangi yazılımlara ihtiyaç var
|
| 2 |
Web nasıl çalışır, Web'e karşı İnternet, Web sayfasının anatomisi, Tarayıcılar, Web hakkında bilinmesi gerekenler
|
| 3 |
Basit sayfa tasarımı, sayfa yapısı, tekst elemanları, resim eklemek ve Style Sheet kullanarak görünüşün değiştirilmesi
|
| 4 |
Mark Up tekst, paragraf, başlık, liste, içerik elemanları, jenerik elemanları (div ve span), bazı özel karakterler, link vermek, sayfa linkleri, e-posta linkleri, telefon linkleri
|
| 5 |
Resim ekleme, img elementi, resim formarı üzerine yazı, pencere içinde pencere kavramları, Tablo Markup, tablo yapısı, hücre ayarları, tablo erişebilirliği, tablo wrapping
|
| 6 |
Formlar, çalışma prensipleri, form elemanları, değişkenler ve içerikler
|
| 7 |
Form erişebilirlik özellikleri, form yapı ve tasarımı,
|
| 8 |
Vektörel çizim programlarında sayfa tasarımı: Inkscape, Photoshop
|
| 9 |
HTML5, XHTML, CCS'e giriş ve CSS'in faydaları, font özellikleri, renkler, tekst ve form dekorasyonu
|
| 10 |
Renkler ve arkaplan: renk değerleri, önplan renkleri, arkaplan renkleri, opasite ayarları, Pseudo-class ve Pseudo-element seçiciler
|
| 11 |
Kutular, boyutlar, boşluk ve aralıklar, kenarlar, konumlandırma ve yerleştirme: relative, absolute, fixed konumlandırma
|
| 12 |
CSS ile sayfa düzeni, sayfa düzeni stratejileri ve teknikleri, Yüzer yapı kullanarak çok sütunlu sayfa düzeni
|
| 13 |
Geçişler, yer değiştirme ve animasyonlar, javascript'e giriş
|
| 14 |
Web grafik temelleri imaj kanyakları, format, boyut ve çözünürlük, transparanlık, SVG'ye giriş
|