TÜRKÇE
ENGLISH
Information
| Code | BPP103 |
| Name | Basics of Web Design |
| Term | 2023-2024 Academic Year |
| Semester | 1. Semester |
| Duration (T+A) | 3-1 (T-A) (17 Week) |
| ECTS | 5 ECTS |
| National Credit | 3.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. MESUT ÖZONUR |
| Course Instructor |
Doç. Dr. MESUT ÖZONUR
(A Group)
(Ins. in Charge)
Doç. Dr. MESUT ÖZONUR (B Group) (Ins. in Charge) |
Course Goal / Objective
It is aimed to make the visual design of the web sites, to use the current languages and development tools for the preparation of web pages, to use html elements for web page design.
Course Content
Basic Internet Concepts, Introduction to Web Design, HTML Tags, Table Using, Frame Using, Script Using, Applet Using, CSS Using, Media Objects Using.
Course Precondition
NA
Resources
Owen, G. (2022) Learn to Code Learn HTML, CSS - JavaScript - build a website, app and game
Notes
Özonur, M. (2005) Web Design Fundamentals Lecture Note
Course Learning Outcomes
| Order | Course Learning Outcomes |
|---|---|
| LO01 | Understands the basic concepts of the Internet and server-client logic. |
| LO02 | It lists the necessary rules for the purposeful web page or site design. |
| LO03 | It uses the most efficient methods in terms of design and content. |
| LO04 | Use ftp software to transfer web pages |
| LO05 | Create an html page, open an existing page and save it. |
| LO06 | It formats basic html elements, layout settings, text, links, listings, graphic objects and tables. |
| LO07 | Creates frame pages. |
| LO08 | It uses scripts in various languages in html. |
| LO09 | It uses a style file. |
Relation with Program Learning Outcome
| Order | Type | Program Learning Outcomes | Level |
|---|---|---|---|
| PLO01 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Communicates effectively with all partners on a sectoral basis. | |
| PLO02 | Bilgi - Kuramsal, Olgusal | has the basic knowledge necessary to develop computer software, to establish algorithm, sequential and simultaneous flow logic | 2 |
| PLO03 | Yetkinlikler - Alana Özgü Yetkinlik | Designs systems for fundamental problems in microcontrollers, embedded systems and analog/digital electronics. | |
| PLO04 | Yetkinlikler - Alana Özgü Yetkinlik | Uses basic software related to information and communication technologies, specific to his profession. | 2 |
| PLO05 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Applies the software and hardware developments in the field of Computer Programming independently. | 2 |
| PLO06 | Bilgi - Kuramsal, Olgusal | Explains the necessary methods for solving well-defined problems in the field of Computer Technologies and Programming. | |
| PLO07 | Bilgi - Kuramsal, Olgusal | Has the basic knowledge level required to develop software specific to web, mobile and other electronic platforms. | 5 |
| PLO08 | Beceriler - Bilişsel, Uygulamalı | Develops software for desktop and other environments. | 2 |
| PLO09 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Takes an active role in project development processes, independently or as part of a group, within a planned project. | |
| PLO10 | Bilgi - Kuramsal, Olgusal | Knows project planning, development and implementation processes. | |
| PLO11 | Yetkinlikler - Alana Özgü Yetkinlik | Performs data storage, editing, querying, etc. operations in computer and network environment. | |
| PLO12 | Yetkinlikler - Alana Özgü Yetkinlik | It has the ability to solve unpredictable hardware and software problems. | |
| PLO13 | Beceriler - Bilişsel, Uygulamalı | Codes software components that have been analyzed and the algorithm has been prepared. | |
| PLO14 | Bilgi - Kuramsal, Olgusal | Knows the methods to be used in software development. | |
| PLO15 | Yetkinlikler - Öğrenme Yetkinliği | Constantly follows current innovations and developments in the field of information technologies. | |
| PLO16 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Communicates verbally and in writing in a foreign language. | |
| PLO17 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | It has the phenomenon of the necessity of moral and ethical behaviors related to the information technology profession. | 2 |
| PLO18 | Yetkinlikler - Alana Özgü Yetkinlik | Has the necessary awareness of occupational safety in her field. | |
| PLO19 | Beceriler - Bilişsel, Uygulamalı | It uses operating systems with administrative features. | |
| PLO20 | Bilgi - Kuramsal, Olgusal | Has basic knowledge of entrepreneurship. |
Week Plan
| Week | Topic | Preparation | Methods |
|---|---|---|---|
| 1 | Basic Internet Concepts | Examining the course information package. | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 2 | Introduction to Web Design | Reading and understanding the subject before the lesson. | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 3 | HTML Tags - Basic Qualifications | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 4 | HTML Tags - Block Level Elements | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 5 | HTML Tags - Text-Level Elements | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 6 | HTML Tags - Link Qualifications | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 7 | HTML Tags - Images | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 8 | Mid-Term Exam | Studying the subjects by practice. | Ölçme Yöntemleri: Yazılı Sınav |
| 9 | Use of Table | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 10 | Use of Frames | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 11 | Use of Script | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 12 | Use of Applet | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 13 | Use of CSS - Basics | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 14 | Use of CSS - Properties | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 15 | Use of Media Objects | Reading and practicing the subject before the courses | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 16 | Term Exams | Studying the subjects by practice. | Ölçme Yöntemleri: Yazılı Sınav |
| 17 | Term Exams | Studying the subjects by practice. | Ö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 | 4 | 56 |
| Out of Class Study (Preliminary Work, Practice) | 14 | 3 | 42 |
| Assesment Related Works | |||
| Homeworks, Projects, Others | 1 | 1 | 1 |
| Mid-term Exams (Written, Oral, etc.) | 1 | 8 | 8 |
| Final Exam | 1 | 16 | 16 |
| Total Workload (Hour) | 123 | ||
| Total Workload / 25 (h) | 4,92 | ||
| ECTS | 5 ECTS | ||