• Türkçe
  • English
Course Code: 
GRA 208
Course Period: 
Spring
Course Type: 
Area Elective
P: 
2
Lab: 
2
Credits: 
3
ECTS: 
5
Course Language: 
İngilizce
Course Objectives: 
The aim of the course is to provide the students with the knowledge of graphic design and technical application.
Course Content: 

In WEB DESIGN course, students are informed about basic principles of web design, interaction design principles and user experiences. Students will be able to use web design formats (Adobe Dreamweaver or equivalent), web tags formats and features, html tags, workspace, tools, menus and panels, web project planning and diagramming, linking between pages, in-page ordered and unordered lists working, visual preparation and insertion in pixel based program for web, navigation design, menus and buttons, web colors and web typography, working with CSS, paragraph and title shaping with styles, creating background and frames, creating multi-column dynamic pages, using javascript, gain information about designing websites such as adding additions (pop-up windows, buttons etc.). Gain experience in designing and implementing websites.

Course Methodology: 
1. Lecture Method 2. Case Study Method 3. Problem Solving Method 4. Discussion Method 5. Demonstration Method 6. Group work
Course Evaluation Methods: 
1. Exam 2. Presentation 3. Homework 4. Application

Vertical Tabs

Course Learning Outcomes

Learning Outcomes of the Course Learning Outcomes of the Program Teaching Methods Measurement Methods
To be able to comprehend the design rules and technical information about graphic and web design

 

1,2,5,7 1, 2, 5 1, 3, 4
To be able to develop typography and page design solutions for digital publications 2,3,4 1, 2, 3, 5 1, 3, 4
To follow current approaches in the field 7,10 1, 3, 5 1, 3, 4
Interdisciplinary work 7,11 1, 3, 4 1, 3, 4
Digital and interactive design 5, 7, 11 2, 3 2,3,4

 

Course Flow

COURSE
Week Subjects Preliminary
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  

 

Recommended Sources

SOURCES
Course’s Note  
Other  

 

Material Sharing

MATERIAL SHARING
Documents  
Homeworks  
Exams 1 Vize 1 Final

 

Assessment

CONSIDERATION SYSTEM
Midterm Studies No Percentage of Contribution
Homework    
Midterm 1 %40
Seminar and Presentation    
Project    
Total    
Ratio of Final to Success   %60
Rate of Success in the Year   %40
Total   %100

 

Course’s Contribution to Program

Course’s Contribution to Program Outcomes
No Program Learning Outcomes Contribution Level
1 2 3 4 5  
1 To have theoretical background in the fields of art and design         x  
2 To be able to apply basic design principles         x  
3 To have creative and original thinking ability         x  
4 Identify and solve graphic design problems       x    
5 An ability to use current technological tools in design processes at an advanced level         x  
6 To have professional and ethical responsibility about intellectual, art and design works     X      
7 Ability to follow developments in the field of Art and Design         X  
8 To be able to present ideas and designs effectively       X    
9 To be able to work as a team   X        
10 To be able to conduct research, analysis and interpretation in the field       x    
11 Disiplinler arası düşünebilme ve bağlantı kurabilme becerisi.       X    
12 Sosyal ve kültürel değerlerin bilincinde olmak ve gözetmek.     x      

 

ECTS

COURSE CATEGORY Expertise / Field Courses
ECTS / Workload Table
Activity Number Time
(hour)
Total Workload

(Hour)

Course Length (14 x total course time) 14 4 56
Study time out of class (Preliminary work, reinforcement) 14 2 28
Homework      
Seminar and Presentation      
Projects      
Midterm Exam 1 16 16
Final Exam 1 16 16
       
Total Workload     116
Total Workload / 25 (h)     4,64
Course’s ECTS Credit     5

 

None