Dersin Ayrıntıları

Yarıyıl	Kodu	Adı	T+U+L	Kredi	AKTS
3	GİT203	Web Tasarımı I	2+2+0	3	6

Dersin Detayları

Dersin Dili	Türkçe
Dersin Düzeyi	Lisans
Bölümü / Programı	Görsel İletişim Tasarımı
Öğrenim Türü	Örgün Öğretim
Dersin Türü	Zorunlu
Dersin Amacı	Bu dersi alan öğrencilerin: 1) Web Sitesi tasarımı ve yapılandırmasının method ve teknolojilerini kullanabilmeleri, 2) İçerik yönetim sistemlerini kullanarak WWW standartları için web sayfaları kurmaları, 3) Web sayfası yaratabilecek XD, Adobe Photshop programları ile temel web tasarım prensiplerini uygulayabilmeleri beklenmektedir.
Dersin İçeriği	Bu ders öğrencilere web tasarım pratikleri ve XD yardımcı kodlama sistemleri vasıtası ile temel uygulama prensiblerini ğrenmelerinisağlar. Bu ders öğrencilere web standartları, kullanılabilirliği ve iş akışı ve erişebilirliği için tasarım yapmayı tanıtır. Bu ders öğrenciler ile birlikte çoklu medyayı keşfedererk ve kendi grid sistemlerini inşa ederek “esnek” (responsive) tasarımı sayesinde web tasarımına ilişkin egzersiz yapabilme bilgisi sağlar.
Dersin Yöntem ve Teknikleri
Ön Koşulları	Yok
Dersin Koordinatörü	Yok
Dersi Verenler	Öğr.Gör. Alp Başat BUKET
Dersin Yardımcıları	Yok
Dersin Staj Durumu	Yok

Ders Kaynakları

Kaynaklar	http://www.w3schools.com/html/ İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan) http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/ http://blog.teamtreehouse.com/10-user-interface-design-fundamentals http://www.pcdostu.com/2008/06/css-nedir-ve-nasil-kullanilir-temel-css.html Smashing Magazines – CSS and HTML Smashing Magazines – HTML5 Smashing Magazines – CSS3 http://webdesign.tutsplus.com/courses
	Web konseptlerinin incelenmesi Web tasarımı prensipleri ve tasarım süreçleri Sayfa tasarımı teknikleri Navigasyon ve etkileşim Fotografların kullanımı ve düzenlenmesi Web tasarımı için renk teorileri Web tasarımında tipografi Proje için Atölye Web formları Webin kullanışlılığı ve evrensel kavramlar Erişebilirlik ve uyumluluk Hareketli elemanlar Sayfa yapısı hakkında daha ileri seviye inceleme Kullanıcı Deneyimini ve Geri Dönüşerini Anlama

Ders Yapısı

Mühendislik Tasarımı	%0
Alan Bilgisi	%100

Planlanan Öğrenme Aktiviteleri ve Metodları

Etkinlikler ayrıntılı olarak "Değerlendirme" ve "İş Yükü Hesaplaması" bölümlerinde verilmiştir.

Değerlendirme Ölçütleri

AKTS Hesaplama İçeriği

Etkinlik	Sayısı	Süre	Toplam İş Yükü (Saat)
Ders Süresi	14	4	56
Sınıf Dışı Ç. Süresi	14	4	56
Ödevler	2	8	16
Ara Sınavlar	1	3	3
Yarıyıl Sonu Sınavı	1	3	3
Toplam İş Yükü			AKTS Kredisi : 4 134

Dersin Öğrenme Çıktıları: Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir:

Sıra No	Açıklama
1	İnternet sitesi tasarımı ile ilgili temel kavramları öğrenme
2	İnternet sitesi yöntemleri hakkında bilgi sahibi olma
3	İnternet sitesi için arayüz tasarımı hakkında örnek inceleme ve bilgi edinme
4	İnternet sitesi tasarımı için gerekli temel renk, yazı ve tasarım bilgilerini edinme
5	Bilgisayar ortamında internet sitesi tasarımı yapabilmek için çeşitli yazılımları hakkında tecrübe sahibi olma
6	Bilgisayar ortamında gerekli yazılımları kullanarak bir internet sitesi tasarımı projesi hazırlama

Ders Konuları

Hafta	Konu	Dökümanlar
1	Dersin tanıtımı, işleyiş yönteminin ve kaynakların verilmesi	İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
2	İnternet sitesi tasarımı nedir ve örnek çalışmalar	http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/
3	İnternet sitesi tasarımı yöntemleri ve tasarım gerekçeleri	http://blog.teamtreehouse.com/10-user-interface-design-fundamentals http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/
4	İnternet sitesi tasarımı ve etkileşim yöntemleri	İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
5	HTML ve CSS nedir, Adobe Photoshop araçları ile internet sitesi tasarımı	http://www.pcdostu.com/2008/06/css-nedir-ve-nasil-kullanilir-temel-css.html
6	İnternet sitesi tasarımının kodlanmaya başlaması	http://www.w3schools.com/html/
7	Ara Sınav
8	Temel CSS eğitimi	http://www.w3schools.com/html/
9	İnternet sitesi tasarımına başlama 1	http://www.w3schools.com/html/
10	İnternet sitesi tasarımına başlama 2	http://webdesign.tutsplus.com/courses
11	İnternet sitesi tasarımına başlama 3	http://webdesign.tutsplus.com/courses
12	İnternet sitesi tasarımına başlama 4	http://webdesign.tutsplus.com/courses
13	Dönem sonu projesinin belirlenmesi ve tartışılması
14	Dönem Sonu Sınavı ve Proje Teslimi

Dersin Program Çıktılarına Katkısı

Katkı Düzeyi: 1: Çok Düşük 2: Düşük 3: Orta 4: Yüksek 5: Çok Yüksek

https://obs.gedik.edu.tr/oibs/bologna/progCourseDetails.aspx?curCourse=208841&curProgID=5717&lang=tr