Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTS
4GİT206Web Tasarımı II2+2+036

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 İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
Smashing Magazines – CSS and HTML
Smashing Magazines – HTML5
Smashing Magazines – CSS3
http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/
http://www.w3schools.com/html/
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ı %20
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
Etkinlik Sayısı Süre Toplam İş Yükü (Saat)
Ders Süresi 14 4 56
Sınıf Dışı Ç. Süresi 14 3 42
Ara Sınavlar 1 4 4
Yarıyıl Sonu Sınavı 1 4 4
Toplam İş Yükü   AKTS Kredisi : 4 106

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ı ve kodlaması ile ilgili temel kavramları öğrenme
2 İnternet sitesi kodlama yöntemleri hakkında bilgi sahibi olma,
3 İnternet sitesi için Java Kodları hakkında bilgi edinme,
4 Farklı alanlar için kullanılan Java Kodları örneklerini inceleme
5 İnternet sitesi tasarımı için gerekli temel HTML 5 kodlama bilgilerini edinme
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) http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/
2 HTML 5’e giriş https://www.w3schools.com/html/html5_intro.asp
3 HTML 5’e ile kodlama I https://www.w3schools.com/html/html5_new_elements.asp
4 HTML 5’e ile kodlama II https://www.w3schools.com/html/html5_syntax.asp
5 HTML 5’e ile kodlama III https://www.w3schools.com/html/html_examples.asp
6 HTML 5’e ile İnternet sitesi tasarımının kodlanmaya başlaması http://www.w3schools.com/html/
7 Ara Sınav
8 Temel Java eğitimi https://www.w3schools.com/js/default.asp
9 Temel jQuery eğitimi https://tympanus.net/codrops/category/tutorials/
10 Java ve jQuery kodlamalarının kullanım alanları https://tympanus.net/codrops/category/tutorials/ https://code.tutsplus.com
11 Java Kodlamasının kullanılması https://www.w3schools.com/js/default.asp https://tympanus.net/codrops/category/tutorials/ https://code.tutsplus.com
12 jQuery Kodlamasının kullanılması https://tympanus.net/codrops/category/tutorials/ https://code.tutsplus.com
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 5 4 5 5 4 4 4 3 4 3 2 4
Ö1 5 4 5 5 4 4 4 3 4 3 2 4
Ö2 5 4 4 5 4 5 4 4 4 3 2 4
Ö3 5 5 5 5 4 4 4 3 4 3 3 4
Ö4 4 4 5 5 4 4 4 3 4 4 2 4
Ö5 4 4 5 5 5 4 5 3 5 3 2 4
Ö6 5 4 5 4 4 4 4 3 4 3 2 3

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=208847&curProgID=5717&lang=tr