Course Information
SemesterCourse Unit CodeCourse Unit TitleT+P+LCreditNumber of ECTS CreditsLast Updated Date
3GİT203Web Design I2+2+03625.12.2023

 
Course Details
Language of Instruction Turkish
Level of Course Unit Bachelor's Degree
Department / Program Visual Communication Design
Type of Program Formal Education
Type of Course Unit Compulsory
Course Delivery Method Face To Face
Objectives of the Course Students taking this course:
1) To be able to use the methods and technologies of Web Site design and configuration,
2) Establishing web pages for WWW standards using content management systems,
3) It is expected that they will be able to create web pages and apply basic web design principles with XD and Adobe Photoshop programs.
Course Content This course enables students to learn basic application principles through web design practices and XD auxiliary coding systems. This course introduces students to web standards, usability, and design for workflow and accessibility. This course provides students with the knowledge to practice web design by exploring multimedia and building their own grid systems, thanks to its responsive design.
Course Methods and Techniques
Prerequisites and co-requisities None
Course Coordinator None
Name of Lecturers Instructor Alp Başat BUKET
Assistants None
Work Placement(s) No

Recommended or Required Reading
Resources http://www.w3schools.com/html/
İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/
http://blog.teamtreehouse.com/10-user-interface-design-fundamentals
http://www.pcdostu.com/2008/06/css-nedir-ve-nasil-kullanilir-temel-css.html
Smashing Magazines – CSS and HTML
Smashing Magazines – HTML5
Smashing Magazines – CSS3
http://webdesign.tutsplus.com/courses
Course Notes Examining web concepts
Web design principles and design processes
Page design techniques
Navigation and interaction
Use and editing of photographs
Color theories for web design
typography in web design
Workshop for the project
web forms
The usefulness of the web and universal concepts
Accessibility and compatibility
moving elements
Further analysis of the page structure
Understanding User Experience and Feedback

Course Category
Engineering Design %0
Field %100

Planned Learning Activities and Teaching Methods
Activities are given in detail in the section of "Assessment Methods and Criteria" and "Workload Calculation"

Assessment Methods and Criteria
In-Term Studies Quantity Percentage
Mid-terms 1 % 40
Final examination 1 % 60
Total
2
% 100

 
ECTS Allocated Based on Student Workload
Activities Quantity Duration Total Work Load
Course Duration 14 4 56
Hours for off-the-c.r.stud 14 4 56
Assignments 2 8 16
Mid-terms 1 3 3
Final examination 1 3 3
Total Work Load   Number of ECTS Credits 4 134

 
Course Learning Outcomes: Upon the successful completion of this course, students will be able to:
NoLearning Outcomes
1 To learn basic concepts related to website design,
2 To have information about web site methods,
3 Obtaining information about the interface design for the website,
4 Web site examples designed for different areas
5 To obtain basic color, writing and design information required for website design
6 To be able to design various computer software in computer environment

 
Weekly Detailed Course Contents
WeekTopicsStudy MaterialsMaterials
1 Introduction of the course, the method of operation and sources İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
2 What is web site design and case studies http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/
3 Website design methods and design reasons http://blog.teamtreehouse.com/10-user-interface-design-fundamentals http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/
4 Website design and interaction methods İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
5 What is HTML and CSS, website design with Adobe Photoshop tools http://www.pcdostu.com/2008/06/css-nedir-ve-nasil-kullanilir-temel-css.html
6 Encoding the website design http://www.w3schools.com/html/
7 Midterm
8 Temel CSS eğitimi http://www.w3schools.com/html/
9 Basic CSS training http://www.w3schools.com/html/
10 Web site design 2 http://webdesign.tutsplus.com/courses
11 Web site design 3 http://webdesign.tutsplus.com/courses
12 Web site design 4 http://webdesign.tutsplus.com/courses
13 Determining and discussing the end of term project
14 Final Exam and Project Delivery

 
Contribution of Learning Outcomes to Programme Outcomes
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10 P11 P12
All 4 5 5 4 3 4 4 4 3 5 5
C1 4 5 5 3 3 3 3 4 2 4 4
C2 4 5 4 3 3 3 4 3 4 3 5
C3 4 5 5 4 3 4 3 4 5 2 3
C4 4 5 5 5 3 4 4 4 3 2 4
C5 4 4 5 4 3 4 5 5 2 2 4
C6 3 5 5 5 3 5 5 5 1 2 5

  bbb

  
  https://obs.gedik.edu.tr/oibs/bologna/progCourseDetails.aspx?curCourse=208841&curProgID=5717&lang=en