| Code |
Name of the Course Unit |
Semester |
In-Class Hours (T+P) |
Credit |
ECTS Credit |
| GTP108 |
WEB DESIGN |
2 |
3 |
2 |
4 |
GENERAL INFORMATION |
| Language of Instruction : |
Türkçe |
| Level of the Course Unit : |
, TYY: + , EQF-LLL: , QF-EHEA: |
| Type of the Course : |
Zorunlu |
| Mode of Delivery of the Course Unit |
- |
| Coordinator of the Course Unit |
|
| Instructor(s) of the Course Unit |
|
| Course Prerequisite |
No |
OBJECTIVES AND CONTENTS |
| Objectives of the Course Unit: |
Bu ders ile öğrencinin, web tasarımın temel ögeleri (html,css v.b.) hakkında bilgi sahibi olması amaçlanmaktadır. |
| Contents of the Course Unit: |
Web sitesi için temel gereksinimler, web sayfası tasarlayabilmek için bilinmesi gereken kodlamalar, dreamweaver yazılımı kullanımının öğrenilmesidir. |
KEY LEARNING OUTCOMES OF THE COURSE UNIT (On successful completion of this course unit, students/learners will or will be able to) |
| Web kavramını ve web sitesi host, domain kavramlarını bilir. |
| Web sitesi tasarlayabilmek için kullanılması gereken kodlamaları bilir. |
| Web sayfası kodlama becerisi kazanır. |
| Web sayfası ve kullanıcı arasındaki ilişkiyi bilir. |
WEEKLY COURSE CONTENTS AND STUDY MATERIALS FOR PRELIMINARY & FURTHER STUDY |
| Week |
Preparatory |
Topics(Subjects) |
Method |
| 1 |
Kaynak tarama. |
Web Tasarıma Giriş |
Anlatım ve uygulama. |
| 2 |
Kaynak tarama. |
Web Tasarım İlkeleri |
Anlatım ve uygulama. |
| 3 |
Kaynak tarama. |
Web Arayüz Tasarım Elementleri |
Anlatım ve uygulama. |
| 4 |
Kaynak tarama. |
Logo Tasarımı |
Anlatım ve uygulama. |
| 5 |
Kaynak tarama. |
Tipografi |
Anlatım ve uygulama. |
| 6 |
Kaynak tarama. |
Web Tasarımında Renklerle Çalışmak |
Anlatım ve uygulama. |
| 7 |
Kaynak tarama. |
Web Tasarımında Etkileşim |
Anlatım ve uygulama. |
| 8 |
- |
ARA SINAV |
- |
| 9 |
Kaynak tarama. |
Temel HTML Kavramları |
Anlatım ve uygulama. |
| 10 |
Kaynak tarama. |
HTML Metin ve Resim İşlemleri |
Anlatım ve uygulama. |
| 11 |
Kaynak tarama. |
HTML Tablo Oluşturma ve Biçimlendirme |
Anlatım ve uygulama. |
| 12 |
Kaynak tarama. |
HTML Form Elemanlarını Kullanma ve Form Oluşturma |
Anlatım ve uygulama. |
| 13 |
Kaynak tarama. |
HTML Link Yapısı ve Köprü Oluşturma |
Anlatım ve uygulama. |
| 14 |
Kaynak tarama. |
Temel CSS Bilgisi, Kullanım Alanları ve Birimleri |
Anlatım ve uygulama. |
| 15 |
Kaynak tarama. |
Adobe Dreamweaver’da Web Site Yayın Hazırlığı ve Yayınlama |
Anlatım ve uygulama. |
| 16 |
- |
FİNAL |
- |
| 17 |
- |
FİNAL |
- |
SOURCE MATERIALS & RECOMMENDED READING |
| World Wide Web Consortium. URL: http://www.w3c.org/ |
| Çelikbilek, İbrahim (2016). “Geleceğin Web Standartları HTML 5”, Kodlab Yayıncılık, İstanbul. |
| T.C. Milli Eğitim Bakanlığı. (2012). Mesleki Eğitim ve Öğretim Sisteminin Güçlendirilmesi Projesi (MEGEP) Stil Şablonu (Css) Modülü. Ankara |
ASSESSMENT |
| Assessment & Grading of In-Term Activities |
Number of Activities |
Degree of Contribution (%) |
Description |
| Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
CONTRIBUTION OF THE COURSE UNIT TO THE PROGRAMME LEARNING OUTCOMES
KNOWLEDGE |
Theoretical |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
To be professional and have self-confidence to meet the industry's expectations related to the field of process / processes to plan.
|
|
|
|
|
4 |
|
| 2 |
And to value social rights, social justice awareness gained through the process of quality management and professional ethics, safety, environmental protection and Ataturk's principles and revolutions may have sufficient awareness to issues.
|
|
1 |
|
|
|
|
KNOWLEDGE |
Factual |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
To grasp the basics of graphic design professional, to have the ability to use and practice.
|
|
|
2 |
|
|
|
| 2 |
Printing and Publishing Technologies related to practical applications of theoretical knowledge, hand and / or intellectual skills to use.
|
|
|
|
|
4 |
|
SKILLS |
Cognitive |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Printing can design using design programs specific to business and to prepare to print.
|
|
1 |
|
|
|
|
| 2 |
Printing and Publishing Technologies and implement in order to be able to create new ideas and an entrepreneurial spirit to be with.
|
|
|
|
|
|
5 |
SKILLS |
Practical |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Printing and Publishing Technologies required level of computer software and be able to use information and communication technologies
|
|
|
|
|
|
5 |
OCCUPATIONAL |
Autonomy & Responsibility |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Printing and Publishing Technologies related to data collection, interpretation, and implementation of social, scientific and ethical values and presentation to be able to have the test report of the project to prepare.
|
|
|
|
|
4 |
|
OCCUPATIONAL |
Learning to Learn |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
And desktop publishing programs have the ability to use the devices and to be able to recognize.
|
|
|
|
|
4 |
|
| 2 |
Understand the nature of light and color, image formation in optical systems have the ability to examine.
|
|
1 |
|
|
|
|
OCCUPATIONAL |
Communication & Social |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Issues related to the field, a level that can collaborate with relevant persons and institutions themselves in written, oral, and visual as well as the ability to express in their native language as well as competence in at least one foreign language knowledge acquired to be.
|
|
1 |
|
|
|
|
| 2 |
Individual study skills and have the ability to decide independently to communicate orally and in writing, stating in clear and concise format to communicate.
|
|
|
2 |
|
|
|
OCCUPATIONAL |
Occupational and/or Vocational |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Printing and Publishing Technology-related studies to identify and develop solutions to unpredictable problems.
|
0 |
|
|
|
|
|
| 2 |
Information resources and technologies related to the field to be able to use the tools to recognize and print material, select the appropriate material to work and be able to calculate the cost of printing.
|
|
|
|
3 |
|
|
WORKLOAD & ECTS CREDITS OF THE COURSE UNIT |
Workload for Learning & Teaching Activities |
| Type of the Learning Activites |
Learning Activities (# of week) |
Duration (hours, h) |
Workload (h) |
| Ders |
14 |
3 |
42 |
| Derse Ön Hazırlık ve Ders Sonrası Pekiştirme |
14 |
2 |
28 |
| Arazi Çalışması |
0 |
0 |
0 |
| Grup Çalışması / Ödevi |
0 |
0 |
0 |
| Laboratuvar |
0 |
0 |
0 |
| Okuma |
0 |
0 |
0 |
| Ödev |
2 |
10 |
20 |
| Proje Hazırlama |
0 |
0 |
0 |
| Seminer |
0 |
0 |
0 |
| Staj |
0 |
0 |
0 |
| Teknik Gezi |
0 |
0 |
0 |
| Web Tab. Öğrenme |
0 |
0 |
0 |
| Uygulama |
0 |
0 |
0 |
| Yerinde Uygulama |
0 |
0 |
0 |
| Mesleki Faaliyet |
0 |
0 |
0 |
| Sosyal Faaliyet |
0 |
0 |
0 |
| Tez Hazırlama |
0 |
0 |
0 |
| Alan Çalışması |
0 |
0 |
0 |
| Rapor Yazma |
0 |
0 |
0 |
| Final Sınavı |
1 |
1 |
1 |
| Final Sınavı Hazırlığı |
1 |
5 |
5 |
| Ara Sınav |
1 |
1 |
1 |
| Ara Sınav Hazırlığı |
1 |
5 |
5 |
| Kısa Sınav |
0 |
0 |
0 |
| Kısa Sınav Hazırlığı |
0 |
0 |
0 |
| TOPLAM |
34 |
0 |
102 |
|
Total Workload of the Course Unit |
102 |
|
|
Workload (h) / 25.5 |
4 |
|
|
ECTS Credits allocated for the Course Unit |
4,0 |
|