TÜRKÇE
ENGLISH
Information
| Code | SD0574 |
| Name | Web design for beginners (HTML5, CSS3, JS) |
| 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 |
| Mode of study | Yüz Yüze Öğretim |
| Catalog Information Coordinator | Öğr. Gör.Dr. YOLDAŞ ERDOĞAN |
Course Goal
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 | Öğretim Yöntemleri: Anlatım |
| 2 | How does a website work? | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 3 | Structure and working logic of HTML | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 4 | Page structuring with HTML | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 5 | HTML tags | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 6 | Use of Text, Table, Color, Form, Frame, Hyperlink, Banner | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 7 | CSS structure and programming | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 8 | Mid-Term Exam | Reading lecture notes and making applications | Ölçme Yöntemleri: Yazılı Sınav |
| 9 | Page structuring with CSS | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 10 | HTML boxes and CSS | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 11 | Responsive Web Page logic | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 12 | Examples | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 13 | What is JavaScript? | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 14 | Using javascript on the web page | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 15 | Publishing the Web Page | Reading lecture notes and making applications | Öğretim Yöntemleri: Anlatım |
| 16 | Term Exams | Reading lecture notes and making applications | Ölçme Yöntemleri: Yazılı Sınav |
| 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 | ||