TÜRKÇE
ENGLISH
Information
| Code | BDT221 |
| Name | INTRODUCTION TO WEB DESIGN |
| Term | 2023-2024 Academic Year |
| Semester | 3. Semester |
| Duration (T+A) | 2-1 (T-A) (17 Week) |
| ECTS | 3 ECTS |
| National Credit | 2.5 National Credit |
| Teaching Language | Türkçe |
| Level | Ön Lisans Dersi |
| Type | Normal |
| Mode of study | Yüz Yüze Öğretim |
| Catalog Information Coordinator | Doç. Dr. HALİL ÖZKURT |
| Course Instructor |
Öğr. Gör. Alişan AKTAY
(A Group)
(Ins. in Charge)
|
Course Goal / Objective
Preparing programs that can work in internet environment, developing web site designs containing various applications
Course Content
Basic internet terms, Introduction to Web design, HTML, HTML Editors, Web site designing and planning
Course Precondition
No prerequisites
Resources
Lecture notes
Notes
Lecture notes
Course Learning Outcomes
| Order | Course Learning Outcomes |
|---|---|
| LO01 | connecting to internet of computer. |
| LO02 | Make the best use of internet technologies |
| LO03 | Designing web page, site by using various web editors |
| LO04 | Designing web page, site at any subject |
| LO05 | Prepare the site using various package programs. |
Relation with Program Learning Outcome
| Order | Type | Program Learning Outcomes | Level |
|---|---|---|---|
| PLO01 | Bilgi - Kuramsal, Olgusal | Has sufficient theoretical knowledge in Computer Aided Design and Animation. | 2 |
| PLO02 | Bilgi - Kuramsal, Olgusal | Students will be able to use theoretical and practical knowledge gained in Computer Aided Design and Animation. | |
| PLO03 | Bilgi - Kuramsal, Olgusal | Performs necessary design and laboratory studies in Computer Aided Design and Animation. | |
| PLO04 | Bilgi - Kuramsal, Olgusal | Use office programs and professional computer programs. | 3 |
| PLO05 | Bilgi - Kuramsal, Olgusal | Knows the concepts of design and animation. Have knowledge about basic design and animation and make basic applications. | 3 |
| PLO06 | Yetkinlikler - Öğrenme Yetkinliği | Makes animations with basic animation methods | |
| PLO07 | Yetkinlikler - Öğrenme Yetkinliği | Makes designs with two-dimensional design methods | 2 |
| PLO08 | Yetkinlikler - Öğrenme Yetkinliği | Makes designs with three-dimensional design methods | |
| PLO09 | Bilgi - Kuramsal, Olgusal | can design Web pages. | 5 |
| PLO10 | Yetkinlikler - Öğrenme Yetkinliği | Using basic theoretical knowledge about Modeling Techniques in applied fields. | |
| PLO11 | Bilgi - Kuramsal, Olgusal | Have basic theoretical knowledge about Internet Technology and design dynamic web pages. | 4 |
| PLO12 | Bilgi - Kuramsal, Olgusal | Have basic theoretical knowledge about Image Processing Techniques and use practical knowledge. | |
| PLO13 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | The organization acts in accordance with Business and Social Ethical Values, | |
| PLO14 | Yetkinlikler - Öğrenme Yetkinliği | Have the ability to analyze, interpret and evaluate information related to the field | |
| PLO15 | Beceriler - Bilişsel, Uygulamalı | Demonstrates Understanding of Continuity of Learning Requirement, | |
| PLO16 | Beceriler - Bilişsel, Uygulamalı | Possess theoretical and practical knowledge supported by textbooks with updated information, practice equipments and other resource on basic level based on qualifications gained at secondary education level. | |
| PLO17 | Bilgi - Kuramsal, Olgusal | Develop solutions to the problems encountered by using the basic knowledge and skills acquired in the field. | |
| PLO18 | Bilgi - Kuramsal, Olgusal | akes responsibility as a team member to solve complex unforeseen problems encountered in applications related to her field. | |
| PLO19 | Beceriler - Bilişsel, Uygulamalı | Direct your education to a further education level in the same field or a profession of the same level |
Week Plan
| Week | Topic | Preparation | Methods |
|---|---|---|---|
| 1 | The targets, aims of lesson and basic definitions, concepts | No preparation is required. | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 2 | Introduction to html web definitions and concepts | No preparation is required. | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 3 | introduction to html codes and the rules of html coding | No preparation is required. | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 4 | HtmL codes and simple web page designs | studying given applications and samples | Öğretim Yöntemleri: Anlatım, Tartışma, Alıştırma ve Uygulama |
| 5 | HTML codes and examples | studying given applications and samples | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 6 | Applications, designing web page | studying given applications and samples | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 7 | Forms, form compenents and properties | No preparation is required. | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 8 | Mid-Term Exam | Exam preparation | Ölçme Yöntemleri: Yazılı Sınav |
| 9 | Frame properties, HTML codes and examples | studying given applications and samples | Öğretim Yöntemleri: Gösterip Yaptırma |
| 10 | Web Site Program(editor) Front Page | No preparation is required. | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 11 | Applications-1 | studying given applications and samples | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 12 | FrontPage Applications | studying given applications and samples | Öğretim Yöntemleri: Anlatım, Tartışma, Alıştırma ve Uygulama |
| 13 | Web Site designs , samples and applications-1 | studying given applications and samples | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 14 | Web Site designs , samples and applications-2 | studying given applications and samples | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 15 | Applications-2 | studying given applications and samples | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 16 | Term Exams | Exam preparation | Ölçme Yöntemleri: Yazılı Sınav |
| 17 | Term Exams | Exam preparation | Ölçme Yöntemleri: Yazılı Sınav |
Student Workload - ECTS
| Works | Number | Time (Hour) | Workload (Hour) |
|---|---|---|---|
| Course Related Works | |||
| Class Time (Exam weeks are excluded) | 14 | 3 | 42 |
| Out of Class Study (Preliminary Work, Practice) | 14 | 2 | 28 |
| Assesment Related Works | |||
| Homeworks, Projects, Others | 1 | 2 | 2 |
| Mid-term Exams (Written, Oral, etc.) | 1 | 5 | 5 |
| Final Exam | 1 | 10 | 10 |
| Total Workload (Hour) | 87 | ||
| Total Workload / 25 (h) | 3,48 | ||
| ECTS | 3 ECTS | ||