TÜRKÇE
ENGLISH
Information
| Code | BLP157 |
| Name | WEB DESIGN BASICS |
| Term | 2024-2025 Academic Year |
| Semester | 1. Semester |
| Duration (T+A) | 2-0 (T-A) (17 Week) |
| ECTS | 3 ECTS |
| National Credit | 2 National Credit |
| Teaching Language | Türkçe |
| Level | Ön Lisans Dersi |
| Type | Normal |
| Mode of study | Yüz Yüze Öğretim |
| Catalog Information Coordinator | Öğr. Gör. CELALETTIN AYDIN |
| Course Instructor |
Öğr. Gör. CELALETTIN AYDIN
(A Group)
(Ins. in Charge)
|
Course Goal / Objective
This course aims to learn graphics and animations frequently encountered on the desktop and web environment with Fireworks and Flash programs that have widespread use in the literature
Course Content
Basic Definitions, HTML coding, CSS writing, Web design program usage
Course Precondition
Web design, knowledge of web pages
Resources
Information Technologies, HTML 1 (MEGEB) Information Technologies, HTML 2 (MEGEB)
Notes
Web Design Fundamentals (Musa Çiçek, Kodlab Publications)
Course Learning Outcomes
| Order | Course Learning Outcomes |
|---|---|
| LO01 | Know the basic concepts of web design and web site editing program to be used. |
| LO02 | The introduction of HTML language, knows how to use. |
| LO03 | Know HTML text formatting tags. |
| LO04 | Know HTML link tags. |
| LO05 | Can create lists and tables with HTML language. |
| LO06 | Knows HTML page forms. |
| LO07 | Know HTML frames and inline frames |
| LO08 | Learns the introduction of CSS and defining inline styles. |
| LO09 | Knows what is CSS and css properties. |
| LO10 | Subject repetition and In-Year Exam |
| LO11 | Knows CSS properties, on-page and off-page application. |
| LO12 | He can use CSS with selectors in the page. |
| LO13 | Know how to use styles with an external CSS file. |
| LO14 | Know how to use CSS inside. |
| LO15 | Knows the applications of using nested CSS. |
Relation with Program Learning Outcome
| Order | Type | Program Learning Outcomes | Level |
|---|---|---|---|
| PLO01 | Bilgi - Kuramsal, Olgusal | Takes part in planning related to computer software and hardware | 3 |
| PLO02 | Bilgi - Kuramsal, Olgusal | Students will be able to define, collect and use the data necessary for the solution of well-defined problems in Computer Technologies and Programming. demonstrate that he / she can use the theoretical knowledge, knowledge and skills required in practical applications | 3 |
| PLO03 | Bilgi - Kuramsal, Olgusal | Word processor, spreadsheet, presentation, database and installs and uses various software | 2 |
| PLO04 | Bilgi - Kuramsal, Olgusal | Makes coding, internet and network makes the installation of devices | |
| PLO05 | Bilgi - Kuramsal, Olgusal | Have sufficient knowledge of Turkish and foreign languages. | 3 |
| PLO06 | Bilgi - Kuramsal, Olgusal | Evaluates and supervises the performances of the employees under their responsibility | 3 |
| PLO07 | Bilgi - Kuramsal, Olgusal | Detects software and simple hardware failures in the computer and solves problems that do not require expertise | 3 |
| PLO08 | Bilgi - Kuramsal, Olgusal | Use appropriate techniques with verbal, numerical and graphical expression | 3 |
| PLO09 | Bilgi - Kuramsal, Olgusal | Creates computer technology related design and applications with team work and presents to related people and institutions | 3 |
| PLO10 | Bilgi - Kuramsal, Olgusal | Gain analytical and numerical thinking skills and contribute to national economy by using knowledge and skills related to the field in accordance with regulations | 3 |
| PLO11 | Bilgi - Kuramsal, Olgusal | Provides professional connections in the public and private sector business areas and uses appropriate tools in the social and professional field in the decision-making process | 3 |
| PLO12 | Beceriler - Bilişsel, Uygulamalı | Conduct research using the Internet and various communication technologies | 5 |
| PLO13 | Beceriler - Bilişsel, Uygulamalı | Demonstrate the ability to learn and learn independently in the field of Computer Technologies and Programming | 3 |
| PLO14 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Conducts teamwork in accordance with the basic concepts of human relations and entrepreneurship | 3 |
| PLO15 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Have knowledge about Atatürk's Principles and Revolution History | |
| PLO16 | Yetkinlikler - Öğrenme Yetkinliği | Demonstrate the ability to identify problems and find solutions to unforeseen situations in work in the field of Computer Technologies | 3 |
| PLO17 | Yetkinlikler - Öğrenme Yetkinliği | Takes part in software, hardware and network discoveries | 3 |
Week Plan
| Week | Topic | Preparation | Methods |
|---|---|---|---|
| 1 | Introducing basic concepts of web design and web site editing program to be used | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 2 | Comprehension of the use of HTML language as an introduction | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 3 | HTML text formatting tags | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 4 | HTML link tags | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 5 | Creating list and table with HTML language | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 6 | HTML forms | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 7 | HTML frames and inline frames | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 8 | Mid-Term Exam | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 9 | CSS properties | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 10 | Midterm Exam | Lecture, Laboratory | Ölçme Yöntemleri: Yazılı Sınav |
| 11 | CSS properties and applications | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 12 | Using CSS with selectors within a page | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 13 | Using styles with an external CSS file | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 14 | Using nested CSS | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 15 | Nested CSS usage and applications | Lecture, Laboratory | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 16 | Term Exams | Lecture, Laboratory | Ölçme Yöntemleri: Yazılı Sınav |
| 17 | Applying what you have learned at the end of the semester | Lecture, Laboratory | Öğretim Yöntemleri: Alıştırma ve Uygulama |
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 | 0 | 0 | 0 |
| Mid-term Exams (Written, Oral, etc.) | 1 | 6 | 6 |
| Final Exam | 1 | 16 | 16 |
| Total Workload (Hour) | 78 | ||
| Total Workload / 25 (h) | 3,12 | ||
| ECTS | 3 ECTS | ||