| Course Name | Code | Semester | T+U Hours | Credit | ECTS |
|---|---|---|---|---|---|
| Web Design | SAU 354 | 0 | 1 + 0 | 2 | 2 |
| Precondition Courses | |
| Recommended Optional Courses | |
| Course Language | Turkish |
| Course Level | Bachelor's Degree |
| Course Type | OPTIONAL |
| Course Coordinator | Dr.Öğr.Üyesi CAN YÜZKOLLAR |
| Course Lecturers | |
| Course Assistants | |
| Course Category | Other |
| Course Objective | Web, giving the basic concepts of Web design and Internet technologies, web-based application development methods, Web-based application development technologies (HTML, CSS, JavaScript) and tools (such as Adobe Dreamweaver, Fireworks, Flash) use of a basic level of skills. |
| Course Content | Web, Internet technologies, the basic concepts of web and graphic design, graphic editors (Adobe Fireworks), HTML editors (Dreamweaver) and the preparation of interactive animation (Adobe Flash) programs and the use of a basic level of |
| # | Course Learning Outcomes | Teaching Methods | Assessment Methods |
|---|---|---|---|
| 1 | Internet, Web, and defines the concepts of basic chart | Self Study, Lecture, Question-Answer, Brain Storming, | |
| 2 | Utilities html tags and html editor (Notepad, Adobe Dreamweaver) to design web pages using | Discussion, Self Study, Group Study, | |
| 3 | Adobe Dreamweaver to create web pages, edit pages, add the basic HTML elements, images, tables, add | Group Study, Self Study, Discussion, | |
| 4 | Adobe Dreamweaver Cervi (frame) to develop web pages, tables, improve Servants web page | Discussion, Group Study, | |
| 5 | Adobe Dreamweaver Cervi (frame) kullaCSS html tags using technology defines styles, layers, we can interpret the work, to design web pages using CSS and html technologies | Self Study, Group Study, Discussion, | |
| 6 | Graphics editor application program (Adobe Fireworks) and web graphics, animations, create, created files, edit images according to the characteristics compare, you can optimize | Discussion, Group Study, | |
| 7 | Preparation of interactive animation (Adobe Flash) and an animation program to create, edit, created the animation, the animation created by converting the format published on the web | Group Study, Discussion, | |
| 8 | Hazırladığı web sayfalarını, web sunucu programları kullanarak internette yayınlayabilir | Discussion, Group Study, |
| Week | Course Topics | Preliminary Preparation |
|---|---|---|
| 1 | Introduction to Web Design, Web Design Principles | |
| 2 | Internet, Web, and basic graphics concepts | |
| 3 | Introduction to Dreamweaver page design | |
| 4 | Basic HTML tags | |
| 5 | Web page table, image, link to add, edit, delete operations | |
| 6 | Working with form elements on a Web page | |
| 7 | CSS styles to work with | |
| 8 | Web sayfasında çerceveler ve katmalar (layer) ile çalışma | |
| 9 | Graphics editor application program (Adobe Fireworks) Introduction to editing pictures with | |
| 10 | Graphics editor application program (Adobe Fireworks) and on the arrangements to perform Photos, filter operations, mask creation, animation creation | |
| 11 | Graphics editor application program (Adobe Fireworks) and is ready for editing animations, images, optimizing web graphics development | |
| 12 | Preparation of interactive animation (Adobe Flash) and an animation program to prepare input | |
| 13 | Preparation of interactive animation (Adobe Flash) program development for the Web anaimasyon | |
| 14 | The publication of Web servers and pages |
| Resources | |
|---|---|
| Course Notes | |
| Course Resources | |
| # | Contribution of Course Learning Outcomes to Program Outcomes |
|---|---|
| 1 | Internet, Web, and defines the concepts of basic chart |
| 2 | Utilities html tags and html editor (Notepad, Adobe Dreamweaver) to design web pages using |
| 3 | Adobe Dreamweaver to create web pages, edit pages, add the basic HTML elements, images, tables, add |
| 4 | Adobe Dreamweaver Cervi (frame) to develop web pages, tables, improve Servants web page |
| 5 | Adobe Dreamweaver Cervi (frame) kullaCSS html tags using technology defines styles, layers, we can interpret the work, to design web pages using CSS and html technologies |
| 6 | Graphics editor application program (Adobe Fireworks) and web graphics, animations, create, created files, edit images according to the characteristics compare, you can optimize |
| 7 | Preparation of interactive animation (Adobe Flash) and an animation program to create, edit, created the animation, the animation created by converting the format published on the web |
| 8 | Hazırladığı web sayfalarını, web sunucu programları kullanarak internette yayınlayabilir |
| Evaluation System | |
|---|---|
| Semester Studies | Contribution Rate |
| 1. Ara Sınav | 60 |
| 1. Kısa Sınav | 15 |
| 1. Ödev | 13 |
| 1. Performans Görevi (Laboratuvar) | 12 |
| Total | 100 |
| 1. Yıl İçinin Başarıya | 50 |
| 1. Final | 50 |
| Total | 100 |
| ECTS - Workload Activity | Quantity | Time (Hours) | Total Workload (Hours) |
|---|---|---|---|
| Course Duration (Including the exam week: 16x Total course hours) | 16 | 2 | 32 |
| Hours for off-the-classroom study (Pre-study, practice) | 16 | 2 | 32 |
| Mid-terms | 1 | 10 | 10 |
| Quiz | 1 | 5 | 5 |
| Assignment | 1 | 5 | 5 |
| Performance Task (Laboratory) | 1 | 16 | 16 |
| Final examination | 1 | 14 | 14 |
| Total Workload | 114 | ||
| Total Workload / 25 (Hours) | 4.56 | ||
| dersAKTSKredisi | 2 | ||