İçeriğe geç
Dr. İsmail Hakkı KINALIOĞLU

Web Tasarımı

HTML, CSS ve JavaScript ile erişilebilir, duyarlı ve hızlı web sayfaları tasarlamayı; tasarım ilkelerinden yayınlamaya kadar uygulamalı olarak öğretir.
Dönem
Bahar dönemi
Düzey
Lisans
Süre
16 hafta

Dersin amacı

Öğrencilerin içerik yapısından görsel tasarıma kadar bir web sitesini planlayıp kodlaması ve yayınlayabilmesi.

Öğrenme çıktıları

Bu dersi başarıyla tamamlayan öğrenci:

  1. Anlamsal HTML ile erişilebilir sayfa yapısı kurar.
  2. Flexbox ve Grid ile farklı ekranlara uyumlu düzenler tasarlar.
  3. JavaScript ile sayfaya etkileşim ekler.
  4. Bir siteyi alan adı ve barındırma ile yayına alır, temel SEO ayarlarını yapar.

Değerlendirme

Değerlendirme ölçütüKatkı
Ara sınav (8. hafta)%40
Yarıyıl sonu sınavı (16. hafta)%60

Kaynaklar

  • Jon Duckett, HTML and CSS: Design and Build Websites, Wiley
  • MDN Web Docs: developer.mozilla.org

Haftalık izlence

  1. 1
    1. hafta Web'in çalışma prensibi ve web tasarım süreci
  2. 2
    2. hafta HTML temelleri ve belge yapısı
  3. 3
    3. hafta Metin, bağlantı, görsel ve listeler
  4. 4
    4. hafta Tablolar ve formlar
  5. 5
    5. hafta CSS temelleri: seçiciler ve kutu modeli
  6. 6
    6. hafta Tipografi, renk ve görsel hiyerarşi
  7. 7
    7. hafta Flexbox ile sayfa düzeni
  8. 8
    8. hafta Sınav Ara sınav
  9. 9
    9. hafta CSS Grid ve duyarlı tasarım
  10. 10
    10. hafta Erişilebilirlik ve kullanılabilirlik
  11. 11
    11. hafta JavaScript'e giriş
  12. 12
    12. hafta DOM işlemleri ve etkileşim
  13. 13
    13. hafta Geçişler, animasyonlar ve performans
  14. 14
    14. hafta Yayınlama, alan adı, barındırma ve SEO temelleri
  15. 15
    15. hafta Proje sunumları
  16. 16
    16. hafta Sınav Yarıyıl sonu sınavı