TÜRKÇE
ENGLISH
Information
| Code | BL160 |
| Name | Basics of Web Design |
| Term | 2024-2025 Academic Year |
| Semester | 2. Semester |
| Duration (T+A) | 2-1 (T-A) (17 Week) |
| ECTS | 5 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.Dr. ADNAN GÖKTEN |
| Course Instructor |
1 2 |
Course Goal / Objective
With this course, students will develop competencies in process of making the HTML for the Web project.
Course Content
The logic of the basic Web and HTML, the HTML tags, uses, javascript
Course Precondition
None
Resources
Unpublished lecture notes
Notes
Memik Yanık, HTML el kitabı, ISBN 975-486-996-7
Course Learning Outcomes
| Order | Course Learning Outcomes |
|---|---|
| LO01 | Performs basic operations for WEB pages with html codes |
| LO02 | Creates advanced features for WEB pages with html codes |
| LO03 | Knows and uses HTML tags |
| LO04 | creates links to other pages |
| LO05 | knows to Fundamentals of Javascript |
| LO06 | writes a simple program with Javascript |
| LO07 | Uses variables in javascript language |
| LO08 | Uses window object and alert method |
Relation with Program Learning Outcome
| Order | Type | Program Learning Outcomes | Level |
|---|---|---|---|
| PLO01 | Bilgi - Kuramsal, Olgusal | Gains basic, current and applied knowledge about Computer Technologies. | 4 |
| PLO02 | Bilgi - Kuramsal, Olgusal | Gains knowledge about occupational health and safety, environmental awareness, and quality processes. | |
| PLO03 | Bilgi - Kuramsal, Olgusal | Has knowledge of basic electronic components comprising computer hardware and their operations. | |
| PLO04 | Bilgi - Kuramsal, Olgusal | Has knowledge about Atatürk's Principles and History of Revolution. | |
| PLO05 | Beceriler - Bilişsel, Uygulamalı | Keeps track of current developments and applications in computer programming, and utilizes them effectively. | 4 |
| PLO06 | Beceriler - Bilişsel, Uygulamalı | Has the ability to solve problems in the field of computer programming. | 2 |
| PLO07 | Beceriler - Bilişsel, Uygulamalı | Creates algorithms and data structures, and performs mathematical calculations. | 2 |
| PLO08 | Beceriler - Bilişsel, Uygulamalı | Explains and implements web programming technologies. | 5 |
| PLO09 | Beceriler - Bilişsel, Uygulamalı | Performs database design and management. | 5 |
| PLO10 | Beceriler - Bilişsel, Uygulamalı | Tests software and resolves errors. | 4 |
| PLO11 | Beceriler - Bilişsel, Uygulamalı | Can utilize software and package programs in the field of computer programming. | 2 |
| PLO12 | Beceriler - Bilişsel, Uygulamalı | Explains, designs and installs network systems. | |
| PLO13 | Beceriler - Bilişsel, Uygulamalı | Uses word processor, spreadsheet, presentation programs. | |
| PLO14 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Can effectively present thoughts on computer technologies through written and verbal communication, expressing them clearly and comprehensibly. | |
| PLO15 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Takes responsibility as a team member to solve unforeseen complex problems encountered in practical applications of computer programming. | |
| PLO16 | Yetkinlikler - Öğrenme Yetkinliği | Has awareness in career management and lifelong learning. | |
| PLO17 | Yetkinlikler - Alana Özgü Yetkinlik | Has societal, scientific, cultural, and ethical values in the collection, application, and announcement of results related to computer technologies. | |
| PLO18 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Follows developments in the field using a foreign language and communicates with colleagues. | |
| PLO19 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Can effectively communicate in Turkish both in written and oral forms. |
Week Plan
| Week | Topic | Preparation | Methods |
|---|---|---|---|
| 1 | Definitions of Internet and Web, HTML Basic Tags. | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 2 | HTML Basic Tags Text labels and Appearance. | preparation is not required | Öğretim Yöntemleri: Anlatım, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 3 | Text and Appearance Labels Connection (Bridge) Creation. | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 4 | Connection (Bridge) Creation Table Operations. | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 5 | Table Operations Forms. | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 6 | Forms | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 7 | Frames | preparation is not required | Ölçme Yöntemleri: Yazılı Sınav |
| 8 | Mid-Term Exam | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 9 | Multi-Media Tools. | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 10 | Javascript variables | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 11 | Javascript assignments | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 12 | Javascript mathematical operations | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 13 | Javascript string operations | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 14 | Browser Problems | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 15 | Browser Solutions. | preparation is not required | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 16 | Term Exams | preparation is not required | Ölçme Yöntemleri: Yazılı Sınav, Ödev |
| 17 | Term Exams | preparation is not required | Ölçme Yöntemleri: Yazılı Sınav, Ödev |
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 | 3 | 42 |
| Assesment Related Works | |||
| Homeworks, Projects, Others | 1 | 2 | 2 |
| Mid-term Exams (Written, Oral, etc.) | 1 | 12 | 12 |
| Final Exam | 1 | 18 | 18 |
| Total Workload (Hour) | 116 | ||
| Total Workload / 25 (h) | 4,64 | ||
| ECTS | 5 ECTS | ||