Kodu | Dersin Adı | Yarıyıl | Süresi(T+U) | Kredisi | AKTS Kredisi |
---|---|---|---|---|---|
YEM334 | WEB TASARIMI | 6 | 4 | 3 | 7 |
DERS BİLGİLERİ |
|
---|---|
Dersin Öğretim Dili : | Türkçe |
Dersin Düzeyi | BACHELOR'S DEGREE, TYY: + 6.Level, EQF-LLL: 6.Level, QF-EHEA: First Cycle |
Dersin Türü | Zorunlu |
Dersin Veriliş Şekli | - |
Dersin Koordinatörü | Assist.Prof. TAYLAN MARAL |
Dersi Veren Öğretim Üyesi/Öğretim Görevlisi | |
Ders Ön Koşulu | Yok |
AMAÇ VE İÇERİK |
|
---|---|
Amaç: | This course aims to enable students to analyze written HTML code, to learn basic program and information for web site, to design their own original web sites with html and CSS codes. |
İçerik: | Contents of the course include the subjects as in Web design practices, CSS and HTML coding systems. |
DERSİN ÖĞRENME ÇIKTILARI (Öğrenciler, bu dersi başarı ile tamamladıklarında aşağıda belirtilen bilgi, beceri ve/veya yetkinlikleri gösterirler.) |
---|
List the principles of web design. |
Apply the theory and practice of HTML and CSS coding system. |
Design his/her own original website. |
Use text, audio, image and video files on his/her website. |
HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI |
|||
---|---|---|---|
Hafta | Ön Hazırlık | Konular | Yöntem |
1 | Literature Review | Internet and Web definitions | Lecture |
2 | Using Visual Studio and Adobe Dreamweaver Programs | Basic structure of HTML and its tags | Demonstrating on Application |
3 | Using Visual Studio and Adobe Dreamweaver Programs | Text, Image and Media Tags | Demonstrating on Application |
4 | Using Visual Studio and Adobe Dreamweaver Programs | Creating link (bridge) | Demonstrating on Application |
5 | Using Visual Studio and Adobe Dreamweaver Programs | Listing Tags | Demonstrating on Application |
6 | Using Visual Studio and Adobe Dreamweaver Programs | Table Works | Demonstrating on Application |
7 | Using Visual Studio and Adobe Dreamweaver Programs | Frames | Demonstrating on Application |
8 | - | MID-TERM EXAM | - |
9 | Using Visual Studio and Adobe Dreamweaver Programs | Forms and Form Objects | Demonstrating on Application |
10 | Using Visual Studio and Adobe Dreamweaver Programs | Basics of CSS | Demonstrating on Application |
11 | Using Visual Studio and Adobe Dreamweaver Programs | Features and Usage of CSS | Demonstrating on Application |
12 | Using Visual Studio and Adobe Dreamweaver Programs | CSS Menu Operations and Web Design | Demonstrating on Application |
13 | Using Visual Studio and Adobe Dreamweaver Programs | Basics of Java Script and its usage | Demonstrating on Application |
14 | Using Visual Studio and Adobe Dreamweaver Programs | Problems and Solutions of Scanner | Demonstrating on Application |
15 | Using Visual Studio and Adobe Dreamweaver Programs | Basics of Jquery and its usage | Demonstrating on Application |
16 | - | FINAL EXAM | - |
17 | - | FINAL EXAM | - |
KAYNAKLAR |
---|
Gelisken U. (2016). A’dan Z’ye Yeni Nesil Tekniklerle Web Tasarimi ve Web Programlama. Izmit: Level Publications |
Visual Studio Program |
Adobe Dreamweaver Program |
ÖLÇME VE DEĞERLENDİRME |
|||
---|---|---|---|
Yarıyıl İçi Yapılan Çalışmaların Ölçme ve Değerlendirmesi | Etkinlik Sayısı | Katkı Yüzdesi | Açıklama |
(0) Etkisiz | (1) En Düşük | (2) Düşük | (3) Orta | (4) İyi | (5) Çok İyi |
---|---|---|---|---|---|
0 | 1 | 2 | 3 | 4 | 5 |
KNOWLEDGE | |||||||
---|---|---|---|---|---|---|---|
Theoretical | |||||||
Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
List the history of communication, mass media, communication theories and leading theorists.
|
0 | |||||
2 |
List the historical, social and cultural types of communication and explain the related concepts.
|
0 | |||||
3 |
Define the important points of the history and theories of communication through daily life practices and social life.
|
0 |
KNOWLEDGE | |||||||
---|---|---|---|---|---|---|---|
Factual | |||||||
Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Compare the traditional media and new media economic policies.
|
1 | |||||
2 |
Interpret digital culture with constantly updated and self-renewing topics.
|
1 | |||||
3 |
Interpret the technical, socio-political and legal aspects of cyber security issues in the field of new media.
|
1 |
SKILLS | |||||||
---|---|---|---|---|---|---|---|
Cognitive | |||||||
Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Define the basic concepts of communication history, communication theories, traditional and new media channels.
|
2 |
SKILLS | |||||||
---|---|---|---|---|---|---|---|
Practical | |||||||
Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Prepare web pages with CSS codes.
|
5 | |||||
2 |
Produce creative content in new media environments, create an image and sound and practical studies about programming.
|
5 | |||||
3 |
Analyze the sub-texts and their semantics of the studies presented to the society by mass media.
|
2 | |||||
4 |
Use qualitative and quantitative elements to construct arguments on studies in the field of communication.
|
1 |
OCCUPATIONAL | |||||||
---|---|---|---|---|---|---|---|
Autonomy & Responsibility | |||||||
Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Manage social media accounts of brands, corporate firms and public institutions thanks to its advanced knowledge in content production and user experience.
|
4 |
OCCUPATIONAL | |||||||
---|---|---|---|---|---|---|---|
Learning to Learn | |||||||
Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Review local and foreign studies in the field of New Media.
Creates innovative works in his/her field.
|
3 | |||||
2 |
Criticize the effects of social media activities on socio-political field.
|
1 |
OCCUPATIONAL | |||||||
---|---|---|---|---|---|---|---|
Communication & Social | |||||||
Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Plan scientific studies in any area that can be encountered in different disciplines and transfer them to people from different disciplines.
|
3 | |||||
2 |
Determine how much of the content produced by the media is right and wrong.
|
3 |
OCCUPATIONAL | |||||||
---|---|---|---|---|---|---|---|
Occupational and/or Vocational | |||||||
Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Follows the developments that have begun to guide the present and the future such as "Software".
Produce various software products for different sectors.
|
4 | |||||
2 |
Design using new architectures of big data processing systems.
|
4 | |||||
3 |
Determine the logic of operation of artificial intelligence algorithms and determines the possible effects on media and indirectly society.
|
3 |
DERSİN İŞ YÜKÜ VE AKTS KREDİSİ |
|||
---|---|---|---|
Öğrenme-Öğretme Etkinlikleri İş Yükü | |||
Öğrenme-Öğretme Etkinlikleri | Etkinlik(hafta sayısı) | Süresi(saat sayısı) | Toplam İş Yükü |
Lecture & In-Class Activities | 14 | 3 | 42 |
Preliminary & Further Study | 13 | 6 | 78 |
Land Surveying | 0 | 0 | 0 |
Group Work | 0 | 0 | 0 |
Laboratory | 0 | 0 | 0 |
Reading | 0 | 0 | 0 |
Assignment (Homework) | 0 | 0 | 0 |
Project Work | 0 | 0 | 0 |
Seminar | 0 | 0 | 0 |
Internship | 0 | 0 | 0 |
Technical Visit | 0 | 0 | 0 |
Web Based Learning | 0 | 0 | 0 |
Implementation/Application/Practice | 0 | 0 | 0 |
Practice at a workplace | 0 | 0 | 0 |
Occupational Activity | 0 | 0 | 0 |
Social Activity | 0 | 0 | 0 |
Thesis Work | 0 | 0 | 0 |
Field Study | 0 | 0 | 0 |
Report Writing | 0 | 0 | 0 |
Final Exam | 1 | 1 | 1 |
Preparation for the Final Exam | 1 | 40 | 40 |
Mid-Term Exam | 1 | 1 | 1 |
Preparation for the Mid-Term Exam | 1 | 20 | 20 |
Short Exam | 0 | 0 | 0 |
Preparation for the Short Exam | 0 | 0 | 0 |
TOTAL | 31 | 0 | 182 |
Genel Toplam | 182 | ||
Toplam İş Yükü / 25.5 | 7,1 | ||
Dersin AKTS(ECTS) Kredisi | 7,0 |