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 |
| Label | C Compulsory |
| Mode of study | Yüz Yüze Öğretim |
| Catalog Information Coordinator | Öğr. Gör.Dr. ADNAN GÖKTEN |
| Course Instructor |
Öğr. Gör.Dr. ADNAN GÖKTEN
(A Group)
(Ins. in Charge)
|
Course Goal / Objective
Developing competencies in performing HTML operations for WEB projects.
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 | Remembers and uses the HTML tags |
| LO04 | Creates Links to other web pages |
| LO05 | Explains the basics 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 | Lists basic, current and applied knowledge about Computer Technologies. | 4 |
| PLO02 | Bilgi - Kuramsal, Olgusal | Remembers knowledge about occupational health and safety, environmental awareness, and quality processes. | |
| PLO03 | Bilgi - Kuramsal, Olgusal | Lists basic electronic components comprising computer hardware and their operations. | |
| PLO04 | Bilgi - Kuramsal, Olgusal | Remembers the 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ı | Solves 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. | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 2 | HTML Basic Tags Text labels and Appearance. | reading from relevant source | Öğretim Yöntemleri: Anlatım, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 3 | Text and Appearance Labels Connection (Bridge) Creation. | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 4 | Connection (Bridge) Creation Table Operations. | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 5 | Table Operations Forms. | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 6 | Forms | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 7 | Frames | reading from relevant source | Ölçme Yöntemleri: Yazılı Sınav |
| 8 | Mid-Term Exam | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 9 | Multi-Media Tools. | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 10 | Javascript variables | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 11 | Javascript assignments | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 12 | Javascript mathematical operations | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 13 | Javascript string operations | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 14 | Browser Problems | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 15 | Browser Solutions. | reading from relevant source | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama, Problem Çözme |
| 16 | Term Exams | reading from relevant source | Ölçme Yöntemleri: Yazılı Sınav, Ödev |
| 17 | Term Exams | reading from relevant source | Ö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 | ||