Ders Öğretim Planı

Ders Kodu Ders Adı Ders Türü Yıl Dönem AKTS
GZT303 Web Tasarımı 927001 3 5 5

Dersin Amacı

Bu ders, öğrencileri etkin web sayfaları tasarlama konusunda eğitmeyi amaçlamaktadır. Web geliştirme sürecinin analiz ve tasarım aşamalarını, verilen projeler kapsamında uygulatmaktır. Ayrıca, içerik üretme ve bu içeriğin grafik tasarımının hazırlanmasına yönelik teknik beceriler kazandırmaktır.

Dersin Veren Öğretim Görevlisi/Görevlileri

Yrd.Doç.Dr. Sinan KAYA

Ön Koşul Dersleri

Yok

Önerilen Diğer Hususlar

Yok

Ders Kitabı / Malzemesi / Önerilen Kaynaklar

Erdinç, F. (2014). Yeni başlayanlar için HTML5 & CSS3. İstanbul: Pusula Yayıncılık. Gelişken, U. (2016). A'dan Z'ye Yeni Nesil Tekniklerle Web Tasarımı ve Web Programlama (2. Baskı) . İstanbul: Level Yayıncılık. Tokak, B. (2015). HTML5, CSS3 ve JavaScript ile Web Tasarımı. İstanbul: Dikey Eksen Yayınları. Duckett, J. (2011). HTML&CSS Design and Build Websites. John Wiley & Sons, Inc., Indianapolis, Indiana, USA. Robbins, J. N. (2012). Learning Web Design (Fourth Edition). O’Reilly Media, Inc., Canada. Sklar, J. (2015). Principles of Web Design (Sixth Edition). Cengage Learning, Boston, USA. w3schools.com

Dersin Sunulduğu Dil

Türkçe

Staj Durumu

Yok

Dersin İçeriği

Web tasarımı ile ilgili temel kavramların ve araçların tanıtımı, Web tasarımı sürecinin aşamaları, HTML ve HTML5 etiketlerinin ve özelliklerinin kullanımı, CSS ile sayfa biçimlendirme ve düzenleme.

Değerlendirme

# Etkinlikler Adet Yuzde Katkısı Yarıyıl İci Etkinlik Yıl Sonu Etkinlik
90 Yarıyıl (Yıl) İçi Etkinlikleri 0 40
91 Yarıyıl (Yıl) Sonu Etkinlikleri 0 60
1 Ara Sınav 1 100 1
2 Final Sınavı 1 100 1

Ders İş Yükü Verisi

# Etkinlikler Adet Süresi(saat) Toplam İş Yükü(saat)
1 Ara Sınav 1 1 1
2 Final Sınavı 1 1 1
5 Derse Katılım 13 3 39
6 Uygulama/Pratik 13 2 26
22 Proje Hazırlama 2 9 18
29 Bireysel Çalışma 13 3 39
54 Ev Ödevi 1 1 1

Haftalık Ders İçeriği

Hafta Teorik Uygulama Laboratuar Ders Notları
1 Web tasarımı süreci ile ilgili temel kavramlar ve araçların tanıtılması gzt303_1.pptx
2 Web tasarımı sürecinin aşamaları gzt303_2.pptx
3 HTML dilinin temel etiketleri ve özellikleri gzt303_1_7.docx
gzt303_3.pptx
4 HTML5 diline ait temel etiketlerin kullanımı gzt303_4_5.pptx
5 HTML5 diline ait temel etiketlerin kullanımı gzt303_4_5.pptx
6 Resim ve link işlemleri gzt303_6.pptx
7 Tablo, form, ses ve video işlemleri gzt303_7.pptx
8 Temel CSS bilgisi gzt303_8.pptx
gzt303_8-13.docx
9 Ara sınav
10 CSS kutu modeli gzt303_10.pptx
11 Tablo ve menü tasarımı gzt303_11.pptx
12 Layout oluşturma gzt303_12.pptx
13 Responsive tasarım gzt303_13.pptx
14 Öğrenci projelerinin değerlendirimlesi https://websitesetup.org/html5-cheat-sheet/
https://websitesetup.org/css3-cheat-sheet/
https://websitesetup.org/

Dersin Öğrenme Çıktıları

# Öğrenme Çıktı Id Açıklama
1 1457889 Web tasarımı ile ilgili temel kavramları açıklar.
2 1457890 Web tasarımı sürecinin aşamalarını uygular.
3 1457891 HTML5 dilini kullanarak web sayfaları oluşturur.
4 1457892 Oluşturulan web sayfalarını CSS dilini kullanarak biçimlendirir.
5 1457893 Tasarlanmış bir web sayfasını belirlenen kriterlere göre değerlendirir.

Bölüm Program Çıktıları

# Program Çıktı Id Açıklama
1 76045 Gazetecilikle ilgili meslek pratiklerini edinme.
2 76052 İyi derecede mesleki yabancı dil bilgi ve becerisine sahip olma.
3 76049 Ulusal ve uluslararası güncel gelişmeleri takip edebilme ve yorumlayabilme.
4 76046 Demokrasi ve insan haklarını merkeze alan mesleki ve etik sorumluluk bilincine sahip olma.
5 76048 Basın işletmelerinin yapısı, özellikleri ve fonksiyonlarını kavrama.
6 76054 Araştırma yöntem ve teknikleri uzmanlık alanında uygulayabilme.
7 76053 Kültürlerarası iletişim konusunda duyarlılığa ve empati yeteneğine sahip olma.
8 76047 Disiplin içi ve disiplinlerarası temel kuramsal bilgilere sahip olma.
9 76050 Bilişim teknolojilerini medyada kullanabilme.
10 76051 Yazılı ve sözlü iletişim becerilerini meslek alanında uygulayabilme.

Ögrenme Çıktı Matrisi

Program Çıktısı
1 2 3 4 5 6 7 8 9 10
Öğrenme Çıktısı
1 3 5
2 2 5
3 2 5
4 2 5
5 2 3 5
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek