• TR
  • EN
Program Type: 
Course Code: 
GRA 525
Course Type: 
Course Language: 
Course Objectives: 

The aim of the course is to provide the students with the knowledge of graphic design and technical application.

Course Content: 

In this 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.

Teaching Methods: 
1. Lecture Method 2. Case Study Method 3. Problem Solving Method 4. Discussion Method 5. Demonstration Method 6. Group work
Assessment 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

Week Subjects Preliminary
1 Introduction to Web Design. General information about coding languages and design methods  
2 Introducing HTML tags.  
3 Introduction to Dreamweaver program. Introduction of panels. Preparation of a web page with HTML.  
4 Establishing links between pages.  
5 Working with in-page links and ordered lists.  
6 Addition of F to the web pages. File formats and preparation steps with Photoshop.  
7 Creating a 4 page website using text and photos.  
8 Preparation of roll-over buttons. Designing the sample website.  
9 Midterm exam  
10 Introduction to CSS. Shaping paragraphs and headings with style files.  
11 Creating floors and frames with CSS.  
12 Button construction with CSS. Preparation of a sample site.  
13 Page layout studies with div tag and CSS  
14 Applications with Javascript. Pop-up windows and pop-up menus  

Material Sharing

Exams 1 Vize 1 Final


Midterm Studies No Percentage of Contribution
Midterm 1 %40
Seminar and Presentation    
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 Ability to develop courage to search and try to creative design solutions as well as the functional purposes.         x  
2 Awareness of professional responsibility to create designs considering cultural and individual needs of the audience.         x  
3 Gain ability to conduct research, to create theoretical knowledge, and to make suggestions.         x  
4 Ability to produce texts in academic formats.       x    
5 Gain competence at the level of expertise in art and design related fields.         x  
6 Ability to develop design projects by knowledge and skills in the field of design with a critical approach.     X      
7 Ability to use technological equipments required by the field in advanced level.         X  
8 Follows the current information about design culture, and adapts them to the projects.       X    
9 Gain ability to the conduct interdisciplinary projects in the chosen field.   X        
10 Ability to do extensive reading in design related fields.       x    


ECTS / Workload Table
Course Length (14 x total course time)
Study time out of class (Preliminary work, reinforcement)
Seminar and Presentation
Midterm Exam
Final Exam
Total Workload
Total Workload / 25 (h)
Course’s ECTS Credit