Bilgi Paketi / Ders Kataloğu
Temel Web Tasarımı
Ders Kodu: İLT338
Ders Türü: Bölüm Dışı Seçmeli
Ders Grubu: Lisans
Eğitim Dili: Türkçe
Staj Durumu: Yok
Teori: 1
Uyg.: 2
Kredi: 2
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
Öğrenme Çıktıları
1.Web standartlarına uygun siteler tasarlayabilmek için gerekli olan temel internet teknolojilerini ve terminolojisini tanımlar.
2.Etkileşim tasarımı prensiplerini ve kullanıcı deneyimi (UX) süreçlerini analiz ederek dijital arayüz projelerinde uygular.
3.Temel HTML5 ve CSS teknolojilerini kullanarak, görsel hiyerarşiye uygun ve duyarlı (responsive) web sayfaları oluşturur.
4.tandart tasarım şablonlarını, hazır içerik yönetim sistemlerini (CMS) ve dijital grafik araçlarını amaca uygun biçimde kullanır ve optimize eder.
5.Dönem boyunca edindiği teorik ve teknik bilgilerle, etik kurallara uygun, erişilebilir ve özgün bir final web portfolyosu üretir ve dijital ortamda sunar.
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ına Giriş ve Kullanıcı Deneyimi (UX) Kavramları
2. Hafta - Teorik
İnternetin Tarihçesi, Temel Protokoller, Dosya Formatları, Domain ve Hosting Yönetimi
3. Hafta - Uygulama
İnternet Altyapısı Kavramları, FTP Kullanımı ve Adobe Dreamweaver ile HTML5 Semantik Yapısına Giriş
4. Hafta - Uygulama
Adobe Dreamweaver: CSS ile Tipografi, Görsel Tutarlılık, Responsive (Duyarlı) Kavramı ve Renk Kuramı
5. Hafta - Uygulama
Adobe Photoshop: Arayüz Tasarımı - Web İçin Görsel Dilimleme (Slice Tool) Teknikleri
6. Hafta - Uygulama
Adobe Photoshop: Arayüz Optimizasyonu - Web İçin İmaj Kaydetme (Save for Web) ve Çözünürlük Ayarları
7. Hafta - Uygulama
Adobe Dreamweaver: Sayfa Düzeni (Layout) Oluşturma, Köprü (Link) Yapıları ve Yayınlama Ayarları.
8. Hafta - Uygulama
Arayüz Tasarımında Kullanılabilirlik (Usability) Testleri ve Prototip Değerlendirme + Ara Sınav (Vize Projesi Teslimi)
9. Hafta - Teorik
Sosyal Medya Okur-Yazarlığı: Dijital Kültür, İçerik Üretimi ve İletişim Dinamikleri
10. Hafta - Teorik
Dijital Platformlarda Veri Gizliliği, Bilişim Etiği ve Çoklu Ortamda Telif Hakları
11. Hafta - Teorik
Sanal Kimlik, Kullanıcı (Persona) Tasarımı ve Çevrimiçi İtibar Yönetimi
12. Hafta - Uygulama
Hazır Şablonlarla Uyumlu Tasarım - İçerik Yönetim Sistemlerine (Wix) Giriş
13. Hafta - Uygulama
CMS Platformlarında Gelişmiş Arayüz Özelleştirme ve Çoklu Medya Entegrasyonu
14. Hafta - Uygulama
Web Projelerinin Test Edilmesi, Arama Motoru Optimizasyonu (SEO) ve Yayına Alma (Publishing) Süreçleri
Değerlendirme
Değerlendirme TürüAdetYüzde
Derse Katılım (Performans)5%5
Ödev1%15
Ara Sınav (Vize)1%20
Dönem Sonu Sınavı (Final)1%60
İş Yükü Hesaplaması
EtkinlikSayısıÖn HazırlıkSüreToplam Iş Yükü (Saat)
Kuramsal Ders141128
Uygulamalı Ders141242
Ödev110111
Ara Sınav115217
Dönem Sonu Sınavı125227
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
PÇ-16
OÇ-1
2
5
1
4
1
4
2
1
3
5
OÇ-2
1
4
1
3
5
1
1
5
4
2
3
4
OÇ-3
1
5
1
5
1
5
4
1
2
5
OÇ-4
1
5
1
5
1
1
5
4
1
2
5
OÇ-5
2
4
2
2
5
4
4
5
5
2
4
5
3
Adnan Menderes Üniversitesi - Bilgi Paketi / Ders Kataloğu
2026