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

BİLGİ
Kuramsal
	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

BİLGİ
Olgusal
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Web tasarımında yaygın kullanılan kavramlara hâkim olur.						5

BECERİLER
Bilişsel
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Algoritma bilgisine sahip olarak bir web sitesinin kod kısmının planlamasını yapar.				3

BECERİLER
Uygulamalı
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Görsel tasarım ilkelerini kullanarak Web sitelerinin görsel kısmının planlanmasını yapar.						5

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	Mesleği ile ilgili etik, sağlık ve emniyet tedbirlerini gözetir.						5

YETKİNLİKLER
Öğrenme Yetkinliği
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Web sitesi hazırlamanın farklı yöntemlerini bilir.						5

YETKİNLİKLER
İletişim ve Sosyal Yetkinlik
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Web sitelerini veritabanı yönetim sistemleri ile entegre şekilde çalıştırabilir.				3

YETKİNLİKLER
Alana Özgü Yetkinlik
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Kullanıcı deneyimleri hakkında bilgi toplayabilir. Topladığı bilgilerle hedef kitleye uygun bir web sitesi yönetebilir. Web sitelerinin temel güvenliğini sağlayabilir.						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