• TR
  • EN
Program Türü: 
Tezli
Ders Kodu: 
GRA 525
Ders Tipi: 
Seçmeli
Teori Saati: 
3
Uygulama Saati: 
0
Kredi: 
3
AKTS: 
15
Dersin Dili: 
Türkçe
Dersin Amacı: 

Öğrencilerin web ortamına yönelik grafik tasarım bilgisi ve teknik uygulama bilgisi kazanmaları amaçlanır.

Dersin İçeriği: 

Derste öğ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.

Dersin Öğretim Yöntemleri: 
1. Anlatım Yöntemi 2. Örnek Olay Yöntemi 3. Problem Çözme Yöntemi 4. Tartışma Yöntemi 5. Gösteri Yöntemi 6. Grup çalışması
Dersin Ölçme Yöntemleri: 
1. Sınav 2.Sunum 3. Ödev 4. Uygulama

Dikey Sekmeler

Dersin Öğrenme Çıktıları

Dersin Öğrenme Çıktıları Program Öğrenme Çıktıları Öğretim Yöntemleri Ölçme Yöntemleri
Grafik ve web tasarıma dair tasarım kurallarını ve teknik bilgileri kavramış olmak  1,2,5,7 1, 2, 5 1, 3, 4
Dijital yayınlara uygun tipografi ve sayfa tasarımı çözümleri geliştirebilmek  2,3,4 1, 2, 3, 5 1, 3, 4
Alandaki güncel yaklaşımları takip edebilmek 7,10 1, 3, 5 1, 3, 4
Disiplinler arası çalışabilmek 7,11 1, 3, 4 1, 3, 4
Dijital ve etkileşimli tasarım yapabilmek 5, 7, 11 2, 3 2,3,4

Dersin Akışı

DERS AKIŞI
Hafta Konular Ön Hazırlık
1 Web Tasarıma giriş. Kodlama dilleri ve tasarım yöntemleri hakkında genel bilgilerin verilmesi  
2 HTML etiketlerinin tanıtılması.   
3 Dreamweaver programına giriş. Panellerin tanıtılması. HTML ile bir web sayfasının hazırlanması.  
4 Sayfalar arası bağlantıların (link) kurulması.  
5 Sayfa içi linkler ve sıralı-sırasız listeler ile çalışmak.  
6 F otoğrafların web sayfalarına eklenmesi. Dosya formatları ve Photoshop ile hazırlık aşamaları.  
7 Metin ve fotoğraflar kullanarak 4 sayfalı bir web sitesinin oluşturulması.  
8 Roll-over butonların hazırlanması. Örnek web sitesinin tasarlanması.  
9 Vize Sınavı  
10 CSS’ye giriş. Stil dosyaları ile paragraf ve başlıkları şekillendirmek.  
11 CSS ile zeminler, çerçeveler oluşturmak.  
12 CSS ile buton yapımı. Örnek bir sitenin hazırlanması.  
13 Div etiketi (tag) ve CSS ile sayfa düzeni çalışmaları  
14 Javascript ile uygulamalar. Pop-up pencereler ve açılır menüler  

Kaynaklar

KAYNAKLAR
Ders Notu  
Diğer Kaynaklar  

Materyal Paylaşımı

MATERYAL PAYLAŞIMI 
Dokümanlar  
Ödevler  
Sınavlar 1 Vize 1 Final

Değerlendirme Sistemi

DEĞERLENDİRME SİSTEMİ
YARIYIL İÇİ ÇALIŞMALARI SAYI KATKI YÜZDESİ
Ödev    
Ara Sınav 1 %40
Seminer ve Sunum    
Proje    
Toplam    
Finalin Başarıya Oranı   %60
Yıl içinin Başarıya Oranı   %40
Toplam   %100

Dersin Program Çıktılarına Katkısı

DERSİN PROGRAM ÇIKTILARINA KATKISI
No Program Öğrenme Çıktıları Katkı Düzeyi
1 2 3 4 5  
1 Tasarımın işlevsel amaçlarının yanı sıra yeni olanı arama ve deneme cesareti gelişir.         x  
2 Hedef kitlenin insani ve kültürel özelliklerine göre tasarımlar geliştirme konusunda profesyonel sorumluluk bilinci geliştirir.         x  
3 Araştırma yapma, kuramsal bilgi oluşturma ve önerilerde bulunma yetkinliği kazanır.         x  
4 Alana ait akademik formata uygun metin üretme yetisi kazanır.       x    
5 Sanat ve tasarım ile ilgili alanlarda eğilimine uygun uzmanlık düzeyinde yetkinlik kazanır.         x  
6 Tasarım alanında edindiği bilgi ve becerileri eleştirel bir yaklaşımla kurgulayarak tasarım projeleri geliştir.     X      
7 Alanın gerektirdiği teknolojik donanımı ileri düzeyde kullanabilir.         X  
8 Tasarım kültürü hakkında güncel durumu takip eder, projelerinde geliştirip uygular.       X    
9 Seçilen uzmanlık alanında disiplinler arası projeler yürütebilme yetisi kazanır.   X        
10 Tasarım ile ilişkili alanlarda ileri düzeyde okumalar yapar.       x    

ECTS

AKTS / İŞ YÜKÜ TABLOSU
Etkinlik SAYISI Süresi
(Saat)
Toplam
İş Yükü
(Saat)
Ders Süresi (14 x toplam ders saati) 14 4 56
Sınıf Dışı Ders Çalışma Süresi (Ön çalışma, pekiştirme) 14 2 28
Ödev      
Seminer ve Sunum      
Proje      
Ara Sınav 1 16 16
Final Sınavı 1 16 16
       
Toplam İş Yükü     116
Toplam İş Yükü / 25 (s)     4,64
Dersin AKTS Kredisi     5