Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTSSon Güncelleme Tarihi
3GİT203Web Tasarımı I2+2+03625.12.2023

 
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 Öğretim Şekli Yüz Yüze
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
Ders Notları 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
Yarıyıl Çalışmaları Sayısı Katkı
Ara Sınav 1 % 40
Yarıyıl Sonu Sınavı 1 % 60
Toplam :
2
% 100

 
AKTS Hesaplama İçeriği
İş Yükü 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 NoAçı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ı
HaftaKonuÖn HazırlıkDö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ı
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10 P11 P12
Tüm 4 5 5 4 3 4 4 4 3 5 5
Ö1 4 5 5 3 3 3 3 4 2 4 4
Ö2 4 5 4 3 3 3 4 3 4 3 5
Ö3 4 5 5 4 3 4 3 4 5 2 3
Ö4 4 5 5 5 3 4 4 4 3 2 4
Ö5 4 4 5 4 3 4 5 5 2 2 4
Ö6 3 5 5 5 3 5 5 5 1 2 5

  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