WEB GRAFİK TASARIM DERS TANITIM VE UYGULAMA BİLGİLERİ

Kodu	Dersin Adı	Yarıyıl	Süresi(T+U)	Kredisi	AKTS Kredisi
GRF152	WEB GRAFİK TASARIM	2	4	2	4

DERS BİLGİLERİ
Dersin Öğretim Dili :	Türkçe
Dersin Düzeyi	ÖNLİSANS, TYY: + 5.Düzey, EQF-LLL: 5.Düzey, QF-EHEA: Kısa Düzey
Dersin Türü	Zorunlu
Dersin Veriliş Şekli	-
Dersin Koordinatörü	Öğr.Gör. MEHMET ÖĞÜT
Dersi Veren Öğretim Üyesi/Öğretim Görevlisi	Öğr.Gör. GÜL ERGÜN
Ders Ön Koşulu	Yok

AMAÇ VE İÇERİK
Amaç:	Web Grafik Tasarımı dersi, öğrencilere web tasarımının temel ilkeleri, kullanıcı deneyimi esasları ve etkileşimli web siteleri geliştirme becerilerini kazandırmayı amaçlar. Ayrıca, görsel tasarım araçlarını ve kodlama dillerini kullanarak işlevsel ve estetik web projeleri oluşturmalarını hedefler.
İçerik:	Web Grafik Tasarımı  dersinde öğrencilere web tasarımının temel ilkeleri, etkileşim tasarımı esasları ve kullanıcı deneyimleri hakkında bilgi verilir. Öğrenciler, web tasarım programında (Adobe Dreamweaver ya da eşdeğeri) web grafiklerinin formatları ve özellikleri, html etiketleri, çalışma alanı, araçlar, menü ve paneller, web projesi planlama ve diyagram ile oluşturma, sayfalar arası bağlantı kurma, sayfa içi sıralı ve sırasız listeler ile çalışma, web için piksel tabanlı programda görsel hazırlama ve ekleme, navigasyon tasarımı, menüler ve butonlar, web renkleri ve web tipografisi, CSS ile çalışma, stiller ile paragraf ve başlık şekillendirme, zemin ve çerçeve oluşturma, çok sütunlu dinamik sayfalar oluşturma, javascript kullanma, behaviour ekleme (pop-up pencere, buton vb) gibi web sitesi tasarlamaya yönelik bilgileri kazanırlar. Web sitesi tasarlayarak ve uygulama yaparak deneyim kazanırlar.

DERSİN ÖĞRENME ÇIKTILARI (Öğrenciler, bu dersi başarı ile tamamladıklarında aşağıda belirtilen bilgi, beceri ve/veya yetkinlikleri gösterirler.)
Web tasarımının temel ilkelerini ve kullanıcı deneyimi tasarımını kavrar.
HTML ve CSS kullanarak etkili ve işlevsel web sayfaları tasarlar.
Web grafiklerinin formatlarını ve özelliklerini bilir, uygun görseller oluşturur ve entegre eder.
Web projelerini planlar, diyagramlar oluşturur ve tasarım sürecini organize eder.
Çok sütunlu dinamik sayfalar ve navigasyon menüleri gibi ileri düzey web tasarım özelliklerini uygular.
Piksel tabanlı programlarla web için uygun görsel içerikler hazırlar.
Grup çalışmalarıyla iş birliği yapma ve proje yönetimi becerilerini geliştirir.
Modern web tasarım araçlarını etkin bir şekilde kullanır.
Tasarım ve teknik kriterlere uygun profesyonel web projeleri üretir.

HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI
Hafta	Ön Hazırlık	Konular	Yöntem
1	Web Tasarım	Web Tasarımına Giriş: Web Tasarım Nedir? Web Tasarımda Hız ve Zaman kavramının önemi	Anlatım, soru/cevap, Uygulama
2	Web Tasarımda Grafik Materyal Kullanımı	Web Tasarımda Grafik Materyal kullanılırken nelere dikkat edilir? Arayüz tasarımları hangi kurallara göre yapılır?	Anlatım, soru/cevap, Uygulama
3	Web Sitesinde İçerik	Web Sitesinde içerik neye bakılarak hazırlanır? İçeriğin düzenlemesi ve tasarımı.	Anlatım, soru/cevap, Uygulama
4	Adobe Dreamweaver	Dreamweaver programına hızlı bir bakış, Dreamweaver menü ve panellerini tanıma. Döküman arabirim penceresi elemanlarının özellikleri ve araç çubukları.	Anlatım, soru/cevap, Uygulama
5	Site ve Web Sayfası	Yerel bir Site klasörü tanımlama. Yeni bir web sayfası oluşturma.	Anlatım, soru/cevap, Uygulama
6	CSS	Sayfa özelliklerini CSS ile düzenleme; Sayfaya yazı ekleme, Metne Paragraf-Başlık stili uygulama, listeli metinler oluşturma.	Anlatım, soru/cevap, Uygulama
7	Dreamweaver'da Resim Kullanımı	Sayfaya resim ekleme, döngülü resim, resim yer tutucu, resimleri web için optimize etme.	Anlatım, soru/cevap, Uygulama
8	-	ARA SINAV	-
9	Linkler	Site içi, site dışı, sayfa içi bağlantılar ve diğer dosya türlerine yapılan bağlantılar. Resimlere bağlantı oluşturma - resmin üzerine birden fazla bağlantı oluşturma- Resim Haritaları ile çalışma.	Anlatım, soru/cevap, Uygulama
10	Web Arayüz Tasarımı	Layout ve Mizanpaj, Sayfa tasarımları ve sayfada kullanılacak elemanları tasarlama.	Anlatım, soru/cevap, Uygulama
11	Tablolar	Tablolarla çalışma, tablo özelliklerini düzenleme. Sayfa mizanpajı için tabloları kullanma.	Anlatım, soru/cevap, Uygulama
12	Çerçeveler	Örnek çerçeve setlerinden sayfa oluşturma - Çerçeve setleri ve özellikleri - Çerçeveli sayfalarda bağlantıların oluşturulması	Anlatım, soru/cevap, Uygulama
13	Formlar ve Spry Nesneleri	Form nesneleri ile çalışma - Form nedir? - Form araçları ve özellikleri - Sayfaya form alanı ekleme. Dinamik Spry nesneleri ile çalışma - Spry nedir? - Spry nesnelerinin Form nesnelerinden farkı nedir?	Anlatım, soru/cevap, Uygulama
14	Javascript	Javascript ile etkileşim oluşturma - Öğelere görsel efektler uygulama	Anlatım, soru/cevap, Uygulama
15	Final Projesi	Web Sitesi Proje Sunumları ve Değerlendirme	Anlatım, soru/cevap, Uygulama
16	-	FİNAL	-
17	-	FİNAL	-

KAYNAKLAR
HTML5, CSS3 ve JavaScript ile Web Tasarımı Dikeyeksen Yayinevi Dil:Türkçe Yazar:Burak Tokak Editör:Rahmi Dalıcı Katkıda Bulunan:Suat Özdemirci

ÖLÇME VE DEĞERLENDİRME
Yarıyıl İçi Yapılan Çalışmaların Ölçme ve Değerlendirmesi	Etkinlik Sayısı	Katkı Yüzdesi	Açıklama

(0) Etkisiz	(1) En Düşük	(2) Düşük	(3) Orta	(4) İyi	(5) Çok İyi
0	1	2	3	4	5

BİLGİ
Kuramsal
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Temel iletişim, tasarım ve grafik tasarım alanlarına ilişkin ilgili prensipleri tanır.				3
2	Reklam, yayın, basım gibi grafik tasarım çalışma alanlarına ve sektörün ihtiyaçlarına ilişkin bilgiye sahiptir.			2
3	Grafik tasarımda kullanılan, bilgisayar programlarını yeterli düzeyde kullanabilecek bilgiye sahiptir.			2
4	Meslek sorumluluk değerleri ve etik kurallarına ilişkin bilgiye sahiptir.			2

BİLGİ
Olgusal
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Çağdaş, özgün, estetik ve uygulanabilir grafik tasarım ürünlerini tanır.				3
2	Sanat ve tasarım alanında otoriteleri tanır ve takip eder.				3
3	Bilgisayar destekli grafik tasarım programlarını tanır.				3
4	Tasarım, uygulama ve baskı aşamalarını tanır.			2

BECERİLER
Bilişsel
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Grafik tasarım ürünü üretebilecek düzeyde, estetik bakış açısına sahiptir.		1
2	Grafik tasarımın yaratım, uygulama ve üretim aşamalarını planlar.			2
3	Grafik tasarım ürünleri ve projeler oluşturur.				3

BECERİLER
Uygulamalı
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Tasarımın baskı öncesi ve baskı sonrası aşamalarını tanır.					4
2	Her türlü grafik tasarım ürününü tasarlar.				3
3	Grafik tasarımın baskıya hazırlık sürecinden başlayarak baskı sonrasına kadar tüm aşamaları gerçekleştirir.			2
4	Fotoğraf, web tasarımı, animasyon alanlarında üretim yapar.				3

YETKİNLİKLER
Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Grafik tasarım ürünü oluşturmada ,fikir, taslak, konsept yaratma, uygulama ve baskıya hazırlama süreçlerini bağımsız olarak hazırlar.			2
2	Reklam ajanslarında, grafik tasarım stüdyolarında, şirketlerin reklam departmanlarında; reklam kampanya konseptleri ve tasarım ürünleri oluşturur.				3
3	Tasarımlarını, projelerini sunabilme ve sergileyebilme becerisine sahiptir.			2
4	Yenilenen iletişim ve tasarım bakış açılarını, güncel bilgisayar programlarını takip eder.			2

YETKİNLİKLER
Öğrenme Yetkinliği
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Grafik tasarım alanında edindiği ileri düzey bilgileri eleştirel bir yaklaşımla değerlendirir.			2
2	Yaşam boyu öğrenmenin gerekliliği bilincine sahip olur.				3
3	Mesleki bilgi ve becerilerini sürekli olarak geliştirir.				3
4	Tasarımlarını objektif bir bakış açısıyla değerlendirme becerisini kazanır.			2

YETKİNLİKLER
İletişim ve Sosyal Yetkinlik
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Sözlü ve yazılı iletişim kurar; en az bir yabancı dili en az Avrupa Dil Portföyü A2 Genel Düzeyinde kullanır, bilişim ve bilgisayar bilimleri alanındaki bilgileri izler ve meslektaşları ile iletişim kurar.			2

YETKİNLİKLER
Alana Özgü Yetkinlik
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Her türlü grafik tasarım ürününü, tasarım kriterleri doğrultusunda tasarlar.				3
2	Mesleki bilgisayar programlarını profesyonel, etkin ve hızlı bir şekilde kullanabilme becerisine sahiptir.				3
3	Konsept hazırlayıp; profesyonel fotoğraf çeker, web sitesi ve animasyon tasarlar.				3
4	Reklam ajansları ve tasarım stüdyoları gibi çalısma alanlarına ilişkin, mesleki sorumluluk, etik değerlerine uygun hareket edebilme yeterliliğine sahiptir.			2

DERSİN İŞ YÜKÜ VE AKTS KREDİSİ
Öğrenme-Öğretme Etkinlikleri İş Yükü
Öğrenme-Öğretme Etkinlikleri	Etkinlik(hafta sayısı)	Süresi(saat sayısı)	Toplam İş Yükü
Ders	14	4	56
Derse Ön Hazırlık ve Ders Sonrası Pekiştirme	14	2	28
Arazi Çalışması	0	0	0
Grup Çalışması / Ödevi	0	0	0
Laboratuvar	0	0	0
Okuma	0	0	0
Ödev	5	3	15
Proje Hazırlama	0	0	0
Seminer	0	0	0
Staj	0	0	0
Teknik Gezi	0	0	0
Web Tab. Öğrenme	0	0	0
Uygulama	0	0	0
Yerinde Uygulama	0	0	0
Mesleki Faaliyet	0	0	0
Sosyal Faaliyet	0	0	0
Tez Hazırlama	0	0	0
Alan Çalışması	0	0	0
Rapor Yazma	0	0	0
Final Sınavı	1	1	1
Final Sınavı Hazırlığı	0	0	0
Ara Sınav	0	0	0
Ara Sınav Hazırlığı	0	0	0
Kısa Sınav	0	0	0
Kısa Sınav Hazırlığı	0	0	0
TOPLAM	34	0	100