TÜRKÇE
ENGLISH
Information
| Code | SD0574 |
| Name | Web design for beginners (HTML5, CSS3, JS) |
| Term | 2023-2024 Academic Year |
| Term | Fall and Spring |
| Duration (T+A) | 2-0 (T-A) (17 Week) |
| ECTS | 3 ECTS |
| National Credit | 2 National Credit |
| Teaching Language | Türkçe |
| Level | Üniversite Dersi |
| Label | NFE Non-Field Elective Courses (University) UCC University Common Course |
| Mode of study | Yüz Yüze Öğretim |
| Catalog Information Coordinator | Öğr. Gör.Dr. YOLDAŞ ERDOĞAN |
| Course Instructor |
Öğr. Gör.Dr. YOLDAŞ ERDOĞAN
(A Group)
(Ins. in Charge)
Öğr. Gör.Dr. YOLDAŞ ERDOĞAN (A Group) (Ins. in Charge) |
Course Goal / Objective
The aim of this course is to teach students how to create a responsive Web page using HTML, CSS and JavaScript, and to enable them to understand what needs to be done to make a commercial or personal web page ready for presentation.
Course Content
Internet and web definitions, Html basic tags, text and view tags, link creation, table operations, forms, frames, multimedia tools, style template (Css) basics, style template properties, Java Script usage.
Course Precondition
Resources
Slides from the lecture. https://developer.mozilla.org/en-US/docs/Learn/HTML
Notes
It will be given in class
Course Learning Outcomes
| Order | Course Learning Outcomes |
|---|---|
| LO01 | She/He will be able to publish her/his site. |
| LO02 | Can create a web site compatible with the requirements of the day. |
| LO03 | Has the ability and knowledge to apply the design principles, techniques and technologies required to create creative websites |
| LO04 | An HTML file can interpret and rewrite source codes. |
Week Plan
| Week | Topic | Preparation | Methods |
|---|---|---|---|
| 1 | Basic knowledge of internet technologies | Reading lecture notes and making applications | |
| 2 | How does a website work? | Reading lecture notes and making applications | |
| 3 | Structure and working logic of HTML | Reading lecture notes and making applications | |
| 4 | Page structuring with HTML | Reading lecture notes and making applications | |
| 5 | HTML tags | Reading lecture notes and making applications | |
| 6 | Use of Text, Table, Color, Form, Frame, Hyperlink, Banner | Reading lecture notes and making applications | |
| 7 | CSS structure and programming | Reading lecture notes and making applications | |
| 8 | Mid-Term Exam | Reading lecture notes and making applications | |
| 9 | Page structuring with CSS | Reading lecture notes and making applications | |
| 10 | HTML boxes and CSS | Reading lecture notes and making applications | |
| 11 | Responsive Web Page logic | Reading lecture notes and making applications | |
| 12 | Examples | Reading lecture notes and making applications | |
| 13 | What is JavaScript? | Reading lecture notes and making applications | |
| 14 | Using javascript on the web page | Reading lecture notes and making applications | |
| 15 | Publishing the Web Page | Reading lecture notes and making applications | |
| 16 | Term Exams | Reading lecture notes and making applications | |
| 17 | Term Exams |
Student Workload - ECTS
| Works | Number | Time (Hour) | Workload (Hour) |
|---|---|---|---|
| Course Related Works | |||
| Class Time (Exam weeks are excluded) | 14 | 2 | 28 |
| Out of Class Study (Preliminary Work, Practice) | 14 | 2 | 28 |
| Assesment Related Works | |||
| Homeworks, Projects, Others | 1 | 12 | 12 |
| Mid-term Exams (Written, Oral, etc.) | 1 | 4 | 4 |
| Final Exam | 1 | 4 | 4 |
| Total Workload (Hour) | 76 | ||
| Total Workload / 25 (h) | 3,04 | ||
| ECTS | 3 ECTS | ||