Bilgi Paketi / Ders Kataloğu
Temel Web Tasarım
Ders Kodu: GİT311
Ders Türü: Bölüm Dışı Seçmeli
Ders Grubu: Lisans
Eğitim Dili: Türkçe
Staj Durumu: Yok
Teori: 2
Uyg.: 2
Kredi: 3
Laboratuvar: 0
AKTS: 5
Amaç

Web tasarımına başlangıç için gerekli olan; görsel tasarım, altyapı, temel kod okur-yazarlığı ve etkileşim tasarımı bilgilerinin verilmesi, bu bilgiler doğrultusunda başlangıç seviyesi web tasarım uygulamalarının yapılabilmesi amaçlanmaktadır.

Özet İçerik

Ders kapsamında, web tasarımı için gerekli olan temel etkileşim tasarımı prensiplerine yer verilmektedir. Bu prensipler dahilinde web sitesi arayüzleri tasarlanırken nasıl etkili bir kullanıcı deneyimi planlanabileceği öğrenilmektedir. HTML5'in ele alındığı temel kodlama kavramlarından bahsedilmektedir. Derste elde edilen teorik bilgiler, başlangıç seviyesi tasarım ve kodlama uygulamaları ile projelendirilerek, öğrencilerin çeşitli yöntemlerle basit web siteleri yapmaları sağlanmaktadır.

Dersi Veren Öğretim Görevlisi/Görevlileri
Doç. Dr. Serdar ÇİFTCİ
Öğrenme Çıktıları
1.Temel web teknolojileri tanımlamak
2.Web standartlarına uygun siteler yapabilmek
3.Etkileşim tasarımı ve kullanıcı deneyimi konularında deneyim kazanmak
4.HTML5 sayfaları oluşturabilmek
5.Standart tasarım şablonlarını kullanmak ve optimize edebilmek
Ders Kitabı / Malzemesi / Önerilen Kaynaklar
1.ISO-9241-151 Ergonomics of human-system interaction — Part 151: Guidance on World Wide Web user interfaces
2.Jennifer Tidwell, A Pattern Language for HCI Design, http://www.mit.edu/~jtidwell/
3.Google Web Fonts — Web fonts served by Google for free Code Academy
4.InVision — Web based tool for building image-based mock-ups
Haftalık Ayrıntılı Ders İçeriği
1. Hafta - Teorik
Temel Web Tasarım Dersine Giriş - Temel Kavramlar: Etkileşim Tasarımı ve Kullanıcı Deneyimi
2. Hafta - Teorik
İnternetin Tarihçesi, Temel Protokoller, Dosya Formatları, Domain, Hosting v.b.
3. Hafta - Uygulama
Temel Kavramlar, FTP Kullanımı, Adobe Dreamweaver ile HTML5'e Giriş
4. Hafta - Uygulama
Adobe Dreamweaver: CSS Kullanımı - Tipografi, tutarlılık, Responsive kavramı, kullanıcı deneyimi ve renkler
5. Hafta - Uygulama
Adobe Photoshop: Arayüz Tasarımı - Slice Tool kullanımı
6. Hafta - Uygulama
Adobe Photoshop: Arayüz Tasarımı - Save for Web
7. Hafta - Uygulama
Adobe Dreamweaver: Sayfa Düzeni, Linkler ve Yayınlama Ayarları
8. Hafta - Ara Sınav (Vize)
Vize Projesi
9. Hafta - Teorik
Sosyal Medya Okur-Yazarlığı I
10. Hafta - Teorik
Sosyal Medya Okur-Yazarlığı II
11. Hafta - Teorik
Sanal Kimlik, Persona Tasarlamak ve Online İtibar Yönetimi
12. Hafta - Uygulama
Hazır Şablonlarla Uyumlu Tasarım - Wix'e Giriş
13. Hafta - Uygulama
Wix ile Web Sitesi Tasarımı - I
14. Hafta - Uygulama
Wix ile Web Sitesi Tasarımı - II
15. Hafta - Uygulama
Final Projesi
Değerlendirme
Değerlendirme TürüAdetYüzde
Ara Sınav (Vize)1%40
Proje1%60
İş Yükü Hesaplaması
EtkinlikSayısıÖn HazırlıkSüreToplam Iş Yükü (Saat)
Kuramsal Ders50315
Uygulamalı Ders100330
Bireysel Çalışma151360
Ara Sınav19110
Dönem Sonu Sınavı19110
TOPLAM İŞ YÜKÜ (Saat)125
Program ve Öğrenme Çıktıları İlişkisi
PÇ-1
PÇ-2
PÇ-3
PÇ-4
PÇ-5
PÇ-6
PÇ-7
PÇ-8
PÇ-9
PÇ-10
PÇ-11
PÇ-12
PÇ-13
PÇ-14
PÇ-15
OÇ-1
4
4
4
5
5
3
3
5
4
5
4
3
5
5
5
OÇ-2
4
4
4
5
5
3
3
5
4
5
4
5
5
5
5
OÇ-3
4
4
4
4
5
3
3
5
4
5
4
5
5
5
5
OÇ-4
3
4
4
5
5
3
3
5
4
5
4
3
5
5
5
OÇ-5
4
4
4
5
5
4
3
5
4
5
4
4
5
5
5
Adnan Menderes Üniversitesi - Bilgi Paketi / Ders Kataloğu
2026