Course Information
SemesterCourse Unit CodeCourse Unit TitleT+P+LCreditNumber of ECTS CreditsLast Updated Date
4GİT206Web Design Iı2+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 İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
Smashing Magazines – CSS and HTML
Smashing Magazines – HTML5
Smashing Magazines – CSS3
http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/
http://www.w3schools.com/html/
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 %20
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 3 42
Mid-terms 1 4 4
Final examination 1 4 4
Total Work Load   Number of ECTS Credits 4 106

 
Course Learning Outcomes: Upon the successful completion of this course, students will be able to:
NoLearning Outcomes
1 To learn basic concepts about website design and coding,
2 To have knowledge about web site coding methods,
3 Obtaining information about Java Codes for the website,
4 Review examples of Java Codes used for different fields
5 Obtain the basic HTML 5 coding information required for website design
6 To have experience about the use of software to design web site 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) http://www.hasanyalcin.com/e-kitap-modern-web-tasarimi/
2 Introduction to HTML 5 https://www.w3schools.com/html/html5_intro.asp
3 Coding with HTML 5 1 https://www.w3schools.com/html/html5_new_elements.asp
4 Coding with HTML 5 2 https://www.w3schools.com/html/html5_syntax.asp
5 Coding with HTML 5 3 https://www.w3schools.com/html/html_examples.asp
6 Encoding the website design with HTML 5 http://www.w3schools.com/html/
7 Midterm
8 Basic Java training https://www.w3schools.com/js/default.asp
9 Basic jQuery training https://tympanus.net/codrops/category/tutorials/
10 Uses of Java and jQuery encodings https://tympanus.net/codrops/category/tutorials/ https://code.tutsplus.com
11 Using Java Coding https://www.w3schools.com/js/default.asp https://tympanus.net/codrops/category/tutorials/ https://code.tutsplus.com
12 Using jQuery Encoding https://tympanus.net/codrops/category/tutorials/ https://code.tutsplus.com
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 5 4 5 5 4 4 4 3 4 3 2 4
C1 5 4 5 5 4 4 4 3 4 3 2 4
C2 5 4 4 5 4 5 4 4 4 3 2 4
C3 5 5 5 5 4 4 4 3 4 3 3 4
C4 4 4 5 5 4 4 4 3 4 4 2 4
C5 4 4 5 5 5 4 5 3 5 3 2 4
C6 5 4 5 4 4 4 4 3 4 3 2 3

  bbb

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