WEB TABANLI TASARIM DERS TANITIM VE UYGULAMA BİLGİLERİ

Kodu	Dersin Adı	Yarıyıl	Süresi(T+U)	Kredisi	AKTS Kredisi
VTK154	WEB TABANLI TASARIM	2	2	2	6

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. ÇİSEM YAŞAR
Dersi Veren Öğretim Üyesi/Öğretim Görevlisi	Öğr.Gör. GÜL ERGÜN
Ders Ön Koşulu	Yok

AMAÇ VE İÇERİK
Amaç:	Bu ders ile öğrenciler, internet ve masaüstü yazılımlarında kullanılacak arayüzleri, animasyonlu ve statik içerikleri ve görselleri tasarlamak için tasarım ve yazılım bilgisini öğrenirler.
İçerik:	Program Giriş Ayarları, Araç Paneli, Vektör Araçları, Metin Düzenleme İşlemleri, Renk, Kontur ve Dolgu Uygulamaları, Canlı Filtreler, Katman İşlemleri, Animasyon Teknikleri Ses ve Video İşlemlerini içerir.

DERSİN ÖĞRENME ÇIKTILARI (Öğrenciler, bu dersi başarı ile tamamladıklarında aşağıda belirtilen bilgi, beceri ve/veya yetkinlikleri gösterirler.)
Görüntü düzenleme işlemini yapar.
Metin düzenleme ve katman işlemlerini yapar
Web araçlarını hazırlar.
Hareketli resimler yapar ve dosya aktarma işlemini yapar.

HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI
Hafta	Ön Hazırlık	Konular	Yöntem
1	Adobe Photoshop	Photoshop eğitimi hakkında genel bilgilendirme, Dersin işleyiş ve çalışma metodlarının açıklanması, Tasarımın önemi ve ilkeleri	Anlatım, Gösterip Yaptırma
2	Adobe Photoshop'a Giriş	Tasarımın hikayesini oluşturma ve önemini ortaya koyma, Photoshop temel çalışma kuralları; doküman açma, kullanıcı arayüzü, katmanlar ve temel araçların tanıtılması	Anlatım, Gösterip Yaptırma
3	Tool'lar	Temel seçim araçları, hazır çizim araçları ile çalışma ve kaydetme	Anlatım, Gösterip Yaptırma
4	Renk Kullanımı	Renklerin psikolojik mesajları, Renk üretimi; renk düzenleme, renk menüleri ile çalışma	Anlatım, Gösterip Yaptırma
5	Layer'lar	Katman çalışmaları, Dekupe, Degrade, Arka plan, Maske ve filtre çalışmaları	Anlatım, Gösterip Yaptırma
6	Fotoğraf Düzenleme	Fotoğrafta düzeltme, kırpma, rötuş, renk ve çözünürlük ayarlarına ilişkin çalışmalar	Anlatım, Gösterip Yaptırma
7	Çizim Araçları	Kalem araçları üretimi ve düzenlemeleri ile çalışma	Anlatım, Gösterip Yaptırma
8	-	ARA SINAV	-
9	Web Tasarıma Giriş	Web Tasarım Nedir? Web Tasarımda Hız ve Zaman kavramının önemi	Anlatım, Gösterip Yaptırma
10	Web Tasarım ve Grafik	Web Tasarımda Grafik Materyal kullanımı ve Arayüzler	Anlatım, Gösterip Yaptırma
11	Web Sitesinde İçerik	Web Siteleri neye göre tasarlanır? Web sitesinde içeriğin doğru kullanımı.	Anlatım, Gösterip Yaptırma
12	Logo Tasarımı	Web sitesinde logo tasarımı ve kullanımı.	Anlatım, Gösterip Yaptırma
13	Web Arayüz Tasarımı	Web tasarımında layout ve mizanpaj	Anlatım, Gösterip Yaptırma
14	Web Tasarım Elemanları	Button, Banner, Menü tasarımı oluşturma.	Anlatım, Gösterip Yaptırma
15	Web Sitesi Tasarımı	Final Projesi	Anlatım, Gösterip Yaptırma
16	-	FİNAL	-
17	-	FİNAL	-

KAYNAKLAR
Mardi, Ö., (2024).ADOBE PHOTOSHOP CS6 & CC ÖZEL BASKI. Kodlab Yayınları
Bayar, Ö. M. (2019). PHOTOSHOP CC. Kodlab Yayın Dağıtım Yazılım ve Eğitim Hizmetleri San. ve Tic. Ltd. Şti.

Ö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

KNOWLEDGE
Theoretical
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilgisayarın temel kavram ve yazılımlarına hâkim olur.						5

KNOWLEDGE
Factual
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Have a command of the concepts commonly used in web design.						5

SKILLS
Cognitive
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Planning the code part of a website by having knowledge of algorithms It does.				3

SKILLS
Practical
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Visualization of the visual part of Web sites using visual design principles makes the planning.						5

OCCUPATIONAL
Autonomy & Responsibility
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Observes ethical, health and safety measures related to the profession.						5

OCCUPATIONAL
Learning to Learn
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Knows different methods of preparing a website.						5

OCCUPATIONAL
Communication & Social
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Can run web sites integrated with database management systems.				3

OCCUPATIONAL
Occupational and/or Vocational
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	It may collect information about user experiences. Target with the information it collects can manage a website suitable for the audience. Can ensure basic security of websites.						5

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	2	28
Derse Ön Hazırlık ve Ders Sonrası Pekiştirme	14	2	28
Arazi Çalışması	0	0	0
Grup Çalışması / Ödevi	4	2	8
Laboratuvar	7	2	14
Okuma	0	0	0
Ödev	0	0	0
Proje Hazırlama	4	2	8
Seminer	0	0	0
Staj	0	0	0
Teknik Gezi	0	0	0
Web Tab. Öğrenme	1	2	2
Uygulama	4	2	8
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	4	2	8
Final Sınavı	1	1	1
Final Sınavı Hazırlığı	14	2	28
Ara Sınav	1	1	1
Ara Sınav Hazırlığı	7	2	14
Kısa Sınav	0	0	0
Kısa Sınav Hazırlığı	0	0	0
TOPLAM	75	0	148