Information Package / Course Catalogue
Basic Web Design
Course Code: GİT311
Course Type: Non Departmental Elective
Couse Group: First Cycle (Bachelor's Degree)
Education Language: Turkish
Work Placement: N/A
Theory: 2
Prt.: 2
Credit: 3
Lab: 0
ECTS: 5
Objectives of the Course

The course aimed to give; visual design, understructure, basic code literacy and interactive design information that is necessary to start the web design. The course also aimed that students able to make basic web design applications in line with this information set.

Course Content

In this course, basic interaction design principles required for web design are given. Within these principles, it is learned how effective user experience can be planned when website interfaces are designed. The basic coding concepts that HTML5 deals with are mentioned. The theoretical information obtained by the course is projected with basic level design and coding applications and students are provided with simple web sites with various methods.

Name of Lecturer(s)
Assoc. Prof. Serdar ÇİFTCİ
Learning Outcomes
1.Define Basic web technologies
2.Can design proper web sites which compatible web standarts
3.To Gain experience about interaction design and user experience subjects
4.HTML5 sayfaları oluşturabilmek
5.Can use and optimise standart web design templates
Recommended or Required Reading
1.ISO-9241-151 Ergonomics of human-system interaction — Part 151: Guidance on World Wide Web user interfaces
2.Jennifer Tidwell, A Pattern Language for HCI Design, http://www.mit.edu/~jtidwell/
3.Google Web Fonts — Web fonts served by Google for free Code Academy
4.InVision — Web based tool for building image-based mock-ups
Weekly Detailed Course Contents
Week 1 - Theoretical
Introduction to Basic Web Design Course - Basic Concepts: Interaction Design and User Experience
Week 2 - Theoretical
History of Internet, Basic Protocols, File Formats, Domain, Hosting etc.
Week 3 - Practice
Basic Concepts, FTP, Introduction to HTML 5 with Adobe Dreamweaver
Week 4 - Practice
Adobe Dreamweaver: Using CSS - Typography, stability, responsive concept, user experience and colours
Week 5 - Practice
Adobe Photoshop: Interface Design - Slice Tool use
Week 6 - Practice
Adobe Photoshop: Interface Design - Save for Web
Week 7 - Practice
Adobe Dreamweaver: Page Setup, Links and Publishing Settings
Week 8 - Intermediate Exam
Midterm Project
Week 9 - Theoretical
Social Media Literacy - I
Week 10 - Theoretical
Social Media Literacy II
Week 11 - Theoretical
Virtual identity and Persona Design. Online Reputation Management
Week 12 - Practice
Compatible Design with Templates - Introduction to Wix
Week 13 - Practice
Web Design with Wix - I
Week 14 - Practice
Web Design with Wix - II
Week 15 - Practice
Final Project
Assessment Methods and Criteria
Type of AssessmentCountPercent
Midterm Examination1%40
Project1%60
Workload Calculation
ActivitiesCountPreparationTimeTotal Work Load (hours)
Lecture - Theory50315
Lecture - Practice100330
Individual Work151360
Midterm Examination19110
Final Examination19110
TOTAL WORKLOAD (hours)125
Contribution of Learning Outcomes to Programme Outcomes
PÇ-1
PÇ-2
PÇ-3
PÇ-4
PÇ-5
PÇ-6
PÇ-7
PÇ-8
PÇ-9
PÇ-10
PÇ-11
PÇ-12
PÇ-13
PÇ-14
PÇ-15
OÇ-1
4
4
4
5
5
3
3
5
4
5
4
3
5
5
5
OÇ-2
4
4
4
5
5
3
3
5
4
5
4
5
5
5
5
OÇ-3
4
4
4
4
5
3
3
5
4
5
4
5
5
5
5
OÇ-4
3
4
4
5
5
3
3
5
4
5
4
3
5
5
5
OÇ-5
4
4
4
5
5
4
3
5
4
5
4
4
5
5
5
Adnan Menderes University - Information Package / Course Catalogue
2026