Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|---|---|---|---|---|
| INTRODUCTION to WEB DESIGN | - | Fall Semester | 3+0 | 3 | 5 |
| Course Program |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | English |
| Course Level | First Cycle (Bachelor's Degree) |
| Course Type | Elective |
| Course Coordinator | Assist.Prof. Doğa ÇÖL |
| Name of Lecturer(s) | |
| Assistant(s) | |
| Aim | This course introduces students to the essential tools and practices of web development. Students will gain a foundational understanding of how the web works, practice coding with HTML, CSS, and JavaScript, and begin developing real, functional websites. By the end of this course, students will be able to build basic web pages and have a strong foundation for more advanced web development. |
| Course Content | This course contains; Introduction to Web Development,HTML Foundations I,HTML Foundations II,CSS Foundations I,CSS Foundations II,Flexbox I,Flexbox II,Midterm,JavaScript Basics I,JavaScript Basics II,JavaScript and Clean Code,DOM Manipulation,JavaScript Objects,Final Project Submission. |
| Dersin Öğrenme Kazanımları | Teaching Methods | Assessment Methods |
| Use HTML tags interactively within design. | 16, 6 | E, F |
| Performs design patterns according to universal design principles. | 6, 9 | D, E |
| Understand basic definitions and concepts related to internet and web. | 11, 16 | A, F |
| Basic operations for web pages, designs. | 11, 8, 9 | A, E |
| Learns package web programs. | 16, 8 | A, F |
| Design different designs according to different web tools. | 16 | A, G |
| Teaching Methods: | 11: Demonstration Method, 16: Question - Answer Technique, 6: Experiential Learning, 8: Flipped Classroom Learning, 9: Lecture Method |
| Assessment Methods: | A: Traditional Written Exam, D: Oral Exam, E: Homework, F: Project Task, G: Quiz |
Course Outline
| Order | Subjects | Preliminary Work |
|---|---|---|
| 1 | Introduction to Web Development | |
| 2 | HTML Foundations I | Reading the relevant section of the given source |
| 3 | HTML Foundations II | Reading the relevant section of the given source |
| 4 | CSS Foundations I | Reading the relevant section of the given source |
| 5 | CSS Foundations II | Reading the relevant section of the given source |
| 6 | Flexbox I | Reading the relevant section of the given source |
| 7 | Flexbox II | Reading the relevant section of the given source |
| 8 | Midterm | Complete and submit your Landing Page project |
| 9 | JavaScript Basics I | Reading the relevant section of the given source |
| 10 | JavaScript Basics II | Reading the relevant section of the given source |
| 11 | JavaScript and Clean Code | Reading the relevant section of the given source |
| 12 | DOM Manipulation | Preparation for the final project |
| 13 | JavaScript Objects | Preparation for the final project |
| 14 | Final Project Submission | Preparation for the final project |
| Resources |
| Gavin Ambrose , Paul Harris, Grafik Tasarım Temelleri Seti, Literatür Yayıncılık Gavin Ambrose , Paul Harris , Mehmet Emir Uslu (Çevirmen), Grafik Tasarımın Temelleri 2. Basım, Literatür Yayıncılık Gavin Ambrose , Paul Harris , Adnan Tepecik (Çevirmen) , Murat Devrim Atılgan (Çevirmen), Yaratıcı Tasarımın Temelleri, Literatür Yayıncılık Steven Heller , Veronique Vienne , Bengisu Bayrak (Çevirmen), Grafik Tasarımı Değiştiren 100 Fikir, Literatür Yayıncılık Selçuk Özdemir, Çocuklar İçin Web Tasarımı, Odtü |
Course Contribution to Program Qualifications
| Course Contribution to Program Qualifications | |||||||
| No | Program Qualification | Contribution Level | |||||
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Knows the basic concepts of Public Relations and Advertising disciplines and the basic theories of these disciplines. | ||||||
| 2 | Determines facts related to Public Relations and Advertising and analyzes these facts from various dimensions. | ||||||
| 3 | Using expert knowledge, takes part in the decision-making mechanisms of businesses, identifies the problems encountered and offers solutions. | ||||||
| 4 | Carries out analyzes for institutions and prepares a communication plan in line with the needs of the institutions. | ||||||
| 5 | Solve problems that arise in projects related to the field by taking responsibility when necessary. | ||||||
| 6 | Takes part in a team established for projects related to the field, leads the project, plans and manages the events. | ||||||
| 7 | Investigates theoretical and factual problems related to the disciplines and sub-disciplines of Public Relations and Advertising with scientific methods, analyzes the findings and turns them into scientific publications. | ||||||
| 8 | Adopts the principle of lifelong learning. Regularly follows developments, innovations, ideas, methods and techniques in the field and uses them effectively in his/her own work. | ||||||
| 9 | Communicates verbally and in writing by using English at least at the European Language Portfolio B2 General Level. | ||||||
| 10 | Uses new communication technologies effectively in professional and scientific studies and constantly follows the developments in new communication technologies. | X | |||||
| 11 | Plans social responsibility activities and takes part in the realization of these activities. | ||||||
| 12 | Acts in a way that adheres to ethical codes in professional and scientific work. | ||||||
| 13 | Carries out various public relations and advertising campaigns in public and private sector organizations, using methods and techniques of Public Relations and Advertising disciplines. | ||||||
| 14 | Carries out measurement and evaluation of the communication activities. | ||||||
| 15 | Knowledgeable about occupational health and safety and can use this information when necessary. . | ||||||
| 16 | Sensitive to the environment, the universality of social rights and the protection of cultural values. | ||||||
Assessment Methods
| Contribution Level | Absolute Evaluation | |
| Rate of Midterm Exam to Success | 40 | |
| Rate of Final Exam to Success | 60 | |
| Total | 100 | |
| ECTS / Workload Table | ||||||
| Activities | Number of | Duration(Hour) | Total Workload(Hour) | |||
| Course Hours | 14 | 3 | 42 | |||
| Guided Problem Solving | 0 | 0 | 0 | |||
| Resolution of Homework Problems and Submission as a Report | 0 | 0 | 0 | |||
| Term Project | 14 | 2 | 28 | |||
| Presentation of Project / Seminar | 1 | 20 | 20 | |||
| Quiz | 1 | 20 | 20 | |||
| Midterm Exam | 1 | 20 | 20 | |||
| General Exam | 1 | 20 | 20 | |||
| Performance Task, Maintenance Plan | 0 | 0 | 0 | |||
| Total Workload(Hour) | 150 | |||||
| Dersin AKTS Kredisi = Toplam İş Yükü (Saat)/30*=(150/30) | 5 | |||||
| ECTS of the course: 30 hours of work is counted as 1 ECTS credit. | ||||||
Detail Informations of the Course
Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|---|---|---|---|---|
| INTRODUCTION to WEB DESIGN | - | Fall Semester | 3+0 | 3 | 5 |
| Course Program |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | English |
| Course Level | First Cycle (Bachelor's Degree) |
| Course Type | Elective |
| Course Coordinator | Assist.Prof. Doğa ÇÖL |
| Name of Lecturer(s) | |
| Assistant(s) | |
| Aim | This course introduces students to the essential tools and practices of web development. Students will gain a foundational understanding of how the web works, practice coding with HTML, CSS, and JavaScript, and begin developing real, functional websites. By the end of this course, students will be able to build basic web pages and have a strong foundation for more advanced web development. |
| Course Content | This course contains; Introduction to Web Development,HTML Foundations I,HTML Foundations II,CSS Foundations I,CSS Foundations II,Flexbox I,Flexbox II,Midterm,JavaScript Basics I,JavaScript Basics II,JavaScript and Clean Code,DOM Manipulation,JavaScript Objects,Final Project Submission. |
| Dersin Öğrenme Kazanımları | Teaching Methods | Assessment Methods |
| Use HTML tags interactively within design. | 16, 6 | E, F |
| Performs design patterns according to universal design principles. | 6, 9 | D, E |
| Understand basic definitions and concepts related to internet and web. | 11, 16 | A, F |
| Basic operations for web pages, designs. | 11, 8, 9 | A, E |
| Learns package web programs. | 16, 8 | A, F |
| Design different designs according to different web tools. | 16 | A, G |
| Teaching Methods: | 11: Demonstration Method, 16: Question - Answer Technique, 6: Experiential Learning, 8: Flipped Classroom Learning, 9: Lecture Method |
| Assessment Methods: | A: Traditional Written Exam, D: Oral Exam, E: Homework, F: Project Task, G: Quiz |
Course Outline
| Order | Subjects | Preliminary Work |
|---|---|---|
| 1 | Introduction to Web Development | |
| 2 | HTML Foundations I | Reading the relevant section of the given source |
| 3 | HTML Foundations II | Reading the relevant section of the given source |
| 4 | CSS Foundations I | Reading the relevant section of the given source |
| 5 | CSS Foundations II | Reading the relevant section of the given source |
| 6 | Flexbox I | Reading the relevant section of the given source |
| 7 | Flexbox II | Reading the relevant section of the given source |
| 8 | Midterm | Complete and submit your Landing Page project |
| 9 | JavaScript Basics I | Reading the relevant section of the given source |
| 10 | JavaScript Basics II | Reading the relevant section of the given source |
| 11 | JavaScript and Clean Code | Reading the relevant section of the given source |
| 12 | DOM Manipulation | Preparation for the final project |
| 13 | JavaScript Objects | Preparation for the final project |
| 14 | Final Project Submission | Preparation for the final project |
| Resources |
| Gavin Ambrose , Paul Harris, Grafik Tasarım Temelleri Seti, Literatür Yayıncılık Gavin Ambrose , Paul Harris , Mehmet Emir Uslu (Çevirmen), Grafik Tasarımın Temelleri 2. Basım, Literatür Yayıncılık Gavin Ambrose , Paul Harris , Adnan Tepecik (Çevirmen) , Murat Devrim Atılgan (Çevirmen), Yaratıcı Tasarımın Temelleri, Literatür Yayıncılık Steven Heller , Veronique Vienne , Bengisu Bayrak (Çevirmen), Grafik Tasarımı Değiştiren 100 Fikir, Literatür Yayıncılık Selçuk Özdemir, Çocuklar İçin Web Tasarımı, Odtü |
Course Contribution to Program Qualifications
| Course Contribution to Program Qualifications | |||||||
| No | Program Qualification | Contribution Level | |||||
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Knows the basic concepts of Public Relations and Advertising disciplines and the basic theories of these disciplines. | ||||||
| 2 | Determines facts related to Public Relations and Advertising and analyzes these facts from various dimensions. | ||||||
| 3 | Using expert knowledge, takes part in the decision-making mechanisms of businesses, identifies the problems encountered and offers solutions. | ||||||
| 4 | Carries out analyzes for institutions and prepares a communication plan in line with the needs of the institutions. | ||||||
| 5 | Solve problems that arise in projects related to the field by taking responsibility when necessary. | ||||||
| 6 | Takes part in a team established for projects related to the field, leads the project, plans and manages the events. | ||||||
| 7 | Investigates theoretical and factual problems related to the disciplines and sub-disciplines of Public Relations and Advertising with scientific methods, analyzes the findings and turns them into scientific publications. | ||||||
| 8 | Adopts the principle of lifelong learning. Regularly follows developments, innovations, ideas, methods and techniques in the field and uses them effectively in his/her own work. | ||||||
| 9 | Communicates verbally and in writing by using English at least at the European Language Portfolio B2 General Level. | ||||||
| 10 | Uses new communication technologies effectively in professional and scientific studies and constantly follows the developments in new communication technologies. | X | |||||
| 11 | Plans social responsibility activities and takes part in the realization of these activities. | ||||||
| 12 | Acts in a way that adheres to ethical codes in professional and scientific work. | ||||||
| 13 | Carries out various public relations and advertising campaigns in public and private sector organizations, using methods and techniques of Public Relations and Advertising disciplines. | ||||||
| 14 | Carries out measurement and evaluation of the communication activities. | ||||||
| 15 | Knowledgeable about occupational health and safety and can use this information when necessary. . | ||||||
| 16 | Sensitive to the environment, the universality of social rights and the protection of cultural values. | ||||||
Assessment Methods
| Contribution Level | Absolute Evaluation | |
| Rate of Midterm Exam to Success | 40 | |
| Rate of Final Exam to Success | 60 | |
| Total | 100 | |