Course Detail
Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|---|---|---|---|---|
| WEB DESIGN | - | Spring Semester | 1+2 | 2 | 6 |
| Course Program |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | Turkish |
| Course Level | First Cycle (Bachelor's Degree) |
| Course Type | Required |
| Course Coordinator | Assoc.Prof. İhsan EKEN |
| Name of Lecturer(s) | Assoc.Prof. İhsan EKEN |
| Assistant(s) | |
| Aim | In addition to page editing with universal design principles, it teaches how to edit visual materials, web page, visual elements, button creation, active image regions, transfer process, optimization, moving images, drop-down menus, basic web standards table operations, adding images, creating links, using the css panel and html input. |
| Course Content | This course contains; Introduction to Universal Design principles,Universal Design principles: WW3,Universal Design principles: Apple and Android,Creation of the website design draft,Basic SEO knowledge 1,Basic SEO knowledge 2,Introduction to HTML and application,HTML applications,Blog Concept and applications,Convert PSD Arabimini to Web Page and Dreamweaver 1,Convert PSD Arabimini to Web Page and Dreamweaver 2,Usability in Web Design,Submission and Presentation of Web Design Works,Presentation of Web Design Studies. |
| Dersin Öğrenme Kazanımları | Teaching Methods | Assessment Methods |
| Construct a website that conforms to the web standards of today | 10, 16, 6, 9 | A, D, E, F |
| Apply the design principles, techniques and technologies needed to create creative websites. | 10, 16, 6, 9 | A, D, E, F |
| Interpret and rewrite source code of an html file | 10, 16, 6, 9 | A, D, E, F, G |
| Designs differently according to different web tools. | 6 | E, G |
| Creates projects with package web programs. | 16, 8 | A, F |
| Teaching Methods: | 10: Discussion 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 Universal Design principles | Watching the relevant part of the given resource |
| 2 | Universal Design principles: WW3 | Watching the relevant part of the given resource |
| 3 | Universal Design principles: Apple and Android | Watching the relevant part of the given resource |
| 4 | Creation of the website design draft | Watching the relevant part of the given resource |
| 5 | Basic SEO knowledge 1 | Watching the relevant part of the given resource |
| 6 | Basic SEO knowledge 2 | Watching the relevant part of the given resource |
| 7 | Introduction to HTML and application | Watching the relevant part of the given resource |
| 8 | HTML applications | Watching the relevant part of the given resource |
| 9 | Blog Concept and applications | Watching the relevant part of the given resource |
| 10 | Convert PSD Arabimini to Web Page and Dreamweaver 1 | Watching the relevant part of the given resource |
| 11 | Convert PSD Arabimini to Web Page and Dreamweaver 2 | Watching the relevant part of the given resource |
| 12 | Usability in Web Design | Watching the relevant part of the given resource |
| 13 | Submission and Presentation of Web Design Works | Watching the relevant part of the given resource |
| 14 | Presentation of Web Design Studies | Watching the relevant part of the given resource |
| Resources |
| www.freecodecamp.org www.w3schools.com developer.mozilla.org https://www.youtube.com/TraversyMedia https://www.youtube.com/DesignCourse |
| Instructor lecture notes |
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 Media and Visual Arts disciplines. | ||||||
| 2 | Knows the basic theories of media and visual arts disciplines. | ||||||
| 3 | Knows the necessary computer programs and multi-media techniques in Media and Visual Arts. | ||||||
| 4 | Knows the aesthetic rules necessary in Media and Visual Arts. | ||||||
| 5 | Acts in a way that adheres to national and international ethical codes in professional and scientific studies. | ||||||
| 6 | Understands the symbol systems of cultures. | ||||||
| 7 | Analyzes the facts related to Media and Visual Arts in their dimensions. | ||||||
| 8 | Plans the visual design process in line with the needs of institutions/individuals. | X | |||||
| 9 | Carries out the visual communication process in line with the needs of institutions/individuals. | X | |||||
| 10 | Uses the tools, methods and techniques required for Media and Visual Arts practices. | X | |||||
| 11 | Has the ability to produce, process and evaluate real, 2D and 3D images. | ||||||
| 12 | Applies visual design techniques in new media environments. | X | |||||
| 13 | Has aesthetic awareness and understanding of design. | ||||||
| 14 | Performs their profession by taking into consideration the "Occupational Health and Safety" rules. | ||||||
| 15 | Solve problems that arise by taking responsibility in projects related to Media and Visual Arts. | ||||||
| 16 | Can transform theoretical and factual problems of Media and Visual Arts disciplines and sub-disciplines into publications using scientific methods. | ||||||
| 17 | Regularly follows the developments in the field of Media and Visual Arts and uses them effectively in her work. | ||||||
| 18 | Uses Turkish fluently and accurately in scientific and professional studies. | ||||||
| 19 | Can read and understand at least one foreign language at B1 level. | ||||||
| 20 | Plans and takes part in social responsibility projects. | ||||||
| 21 | Incorporates artificial intelligence (artificial learning/machine learning) into the creation process. | ||||||
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 | 7 | 5 | 35 | |||
| Resolution of Homework Problems and Submission as a Report | 14 | 4 | 56 | |||
| Term Project | 0 | 0 | 0 | |||
| Presentation of Project / Seminar | 2 | 10 | 20 | |||
| Quiz | 0 | 0 | 0 | |||
| Midterm Exam | 1 | 10 | 10 | |||
| General Exam | 1 | 10 | 10 | |||
| Performance Task, Maintenance Plan | 0 | 0 | 0 | |||
| Total Workload(Hour) | 173 | |||||
| Dersin AKTS Kredisi = Toplam İş Yükü (Saat)/30*=(173/30) | 6 | |||||
| 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 |
|---|---|---|---|---|---|
| WEB DESIGN | - | Spring Semester | 1+2 | 2 | 6 |
| Course Program |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | Turkish |
| Course Level | First Cycle (Bachelor's Degree) |
| Course Type | Required |
| Course Coordinator | Assoc.Prof. İhsan EKEN |
| Name of Lecturer(s) | Assoc.Prof. İhsan EKEN |
| Assistant(s) | |
| Aim | In addition to page editing with universal design principles, it teaches how to edit visual materials, web page, visual elements, button creation, active image regions, transfer process, optimization, moving images, drop-down menus, basic web standards table operations, adding images, creating links, using the css panel and html input. |
| Course Content | This course contains; Introduction to Universal Design principles,Universal Design principles: WW3,Universal Design principles: Apple and Android,Creation of the website design draft,Basic SEO knowledge 1,Basic SEO knowledge 2,Introduction to HTML and application,HTML applications,Blog Concept and applications,Convert PSD Arabimini to Web Page and Dreamweaver 1,Convert PSD Arabimini to Web Page and Dreamweaver 2,Usability in Web Design,Submission and Presentation of Web Design Works,Presentation of Web Design Studies. |
| Dersin Öğrenme Kazanımları | Teaching Methods | Assessment Methods |
| Construct a website that conforms to the web standards of today | 10, 16, 6, 9 | A, D, E, F |
| Apply the design principles, techniques and technologies needed to create creative websites. | 10, 16, 6, 9 | A, D, E, F |
| Interpret and rewrite source code of an html file | 10, 16, 6, 9 | A, D, E, F, G |
| Designs differently according to different web tools. | 6 | E, G |
| Creates projects with package web programs. | 16, 8 | A, F |
| Teaching Methods: | 10: Discussion 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 Universal Design principles | Watching the relevant part of the given resource |
| 2 | Universal Design principles: WW3 | Watching the relevant part of the given resource |
| 3 | Universal Design principles: Apple and Android | Watching the relevant part of the given resource |
| 4 | Creation of the website design draft | Watching the relevant part of the given resource |
| 5 | Basic SEO knowledge 1 | Watching the relevant part of the given resource |
| 6 | Basic SEO knowledge 2 | Watching the relevant part of the given resource |
| 7 | Introduction to HTML and application | Watching the relevant part of the given resource |
| 8 | HTML applications | Watching the relevant part of the given resource |
| 9 | Blog Concept and applications | Watching the relevant part of the given resource |
| 10 | Convert PSD Arabimini to Web Page and Dreamweaver 1 | Watching the relevant part of the given resource |
| 11 | Convert PSD Arabimini to Web Page and Dreamweaver 2 | Watching the relevant part of the given resource |
| 12 | Usability in Web Design | Watching the relevant part of the given resource |
| 13 | Submission and Presentation of Web Design Works | Watching the relevant part of the given resource |
| 14 | Presentation of Web Design Studies | Watching the relevant part of the given resource |
| Resources |
| www.freecodecamp.org www.w3schools.com developer.mozilla.org https://www.youtube.com/TraversyMedia https://www.youtube.com/DesignCourse |
| Instructor lecture notes |
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 Media and Visual Arts disciplines. | ||||||
| 2 | Knows the basic theories of media and visual arts disciplines. | ||||||
| 3 | Knows the necessary computer programs and multi-media techniques in Media and Visual Arts. | ||||||
| 4 | Knows the aesthetic rules necessary in Media and Visual Arts. | ||||||
| 5 | Acts in a way that adheres to national and international ethical codes in professional and scientific studies. | ||||||
| 6 | Understands the symbol systems of cultures. | ||||||
| 7 | Analyzes the facts related to Media and Visual Arts in their dimensions. | ||||||
| 8 | Plans the visual design process in line with the needs of institutions/individuals. | X | |||||
| 9 | Carries out the visual communication process in line with the needs of institutions/individuals. | X | |||||
| 10 | Uses the tools, methods and techniques required for Media and Visual Arts practices. | X | |||||
| 11 | Has the ability to produce, process and evaluate real, 2D and 3D images. | ||||||
| 12 | Applies visual design techniques in new media environments. | X | |||||
| 13 | Has aesthetic awareness and understanding of design. | ||||||
| 14 | Performs their profession by taking into consideration the "Occupational Health and Safety" rules. | ||||||
| 15 | Solve problems that arise by taking responsibility in projects related to Media and Visual Arts. | ||||||
| 16 | Can transform theoretical and factual problems of Media and Visual Arts disciplines and sub-disciplines into publications using scientific methods. | ||||||
| 17 | Regularly follows the developments in the field of Media and Visual Arts and uses them effectively in her work. | ||||||
| 18 | Uses Turkish fluently and accurately in scientific and professional studies. | ||||||
| 19 | Can read and understand at least one foreign language at B1 level. | ||||||
| 20 | Plans and takes part in social responsibility projects. | ||||||
| 21 | Incorporates artificial intelligence (artificial learning/machine learning) into the creation process. | ||||||
Assessment Methods
| Contribution Level | Absolute Evaluation | |
| Rate of Midterm Exam to Success | 40 | |
| Rate of Final Exam to Success | 60 | |
| Total | 100 | |