TÜRKÇE
ENGLISH
Information
| Code | BL160 |
| Name | Basics of Web Design |
| Term | 2023-2024 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
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 | Explain the basic scientific concepts related to Computer Technologies. | 3 |
| PLO02 | Beceriler - Bilişsel, Uygulamalı | Can use algorithmic thinking & planning approaches in programming. | 3 |
| PLO03 | Beceriler - Bilişsel, Uygulamalı | uses word processor, spreadsheet, presentation programs. | |
| PLO04 | Bilgi - Kuramsal, Olgusal | Has the ability to solve problems in the field of computer programming. | |
| PLO05 | Bilgi - Kuramsal, Olgusal | Knows the basic electronic parts of computer hardware and their functioning. | |
| PLO06 | Beceriler - Bilişsel, Uygulamalı | Basic level Database Systems, client/server software and implements | |
| PLO07 | Beceriler - Bilişsel, Uygulamalı | In Computer Technologies, students use graphical programs used in interface design and 3D modeling in web pages at basic level. | 5 |
| PLO08 | Beceriler - Bilişsel, Uygulamalı | Explains, designs and installs network systems. | |
| PLO09 | Yetkinlikler - Alana Özgü Yetkinlik | Uses Internet technologies, develops server-side working internet applications. | 2 |
| PLO10 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Can carry out a basic study related to the field independently or in disciplined teams | |
| PLO11 | Yetkinlikler - Öğrenme Yetkinliği | Can do resource research and obtain information from database in order to follow the developments in the field with the necessity of lifelong learning. | |
| PLO12 | Bilgi - Kuramsal, Olgusal | Knows a foreign language which is sufficient for the applications in the field. | |
| PLO13 | Bilgi - Kuramsal, Olgusal | To be able to communicate effectively in written and oral Turkish. | |
| PLO14 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | He/she can clearly explain the designs and applications related to computer technologies to his colleagues, superiors, others who are related to the field or not. | |
| PLO15 | Bilgi - Kuramsal, Olgusal | Has knowledge about Atatürk's Principles and History of Revolution. | |
| PLO16 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | It is aware of occupational health and safety, environmental and ethical values within the framework of global and social values. |
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 | ||