Web Design II

Program Type:

Thesis

Course Code:

GRA 526

Course Type:

Elective

P:

3

Lab:

0

Credits:

3

ECTS:

15

Course Language:

Turkish

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

COURSE
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

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
No	Program Learning Outcomes	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

COURSE CATEGORY
ECTS / Workload Table
Activity
Course Length (14 x total course time)
Study time out of class (Preliminary work, reinforcement)
Homework
Seminar and Presentation
Projects
Midterm Exam
Final Exam

Total Workload
Total Workload / 25 (h)
Course’s ECTS Credit

Search form