Bu dersin sonunda öğrenciler; 1) İnternette yayın yapmak için kullanılan tasarım araçlarını öğrenir. 2) Web sitesi oluşturma tekniklerini bilir ve uygular. 3) İçerik yönetimi ve dinamik site yapısını öğrenir. 4) Web sitesinin server üzerinde kurulumunu yapabilir.
DERSİN VERİLİŞ BİÇİMİ
Yüz Yüze
DERSİN ÖNKOŞULLARI
Yok
ÖNERİLEN DERSLER
DERS TANIMI
Bu ders kapsamında, tasarım ilkelerinden hareketle web sitesi tasarımında kullanılan güncel editörler ve içerik yönetim (CMS) yapıları, özellikleri incelenir. Öğrencilerin, internette yayın yapmak için kullanılan yeni nesil tasarım araçları ve terminolojisiyle tanışıklığını sağlamaktır. Web sitesi tasarım sürecinde yeni nesil ve kullanımı kolay olan Figma ile prototip tasarım yöntemleri ve esasları incelenir. Kodsuz bir web sitesi oluşturucusu olan Webflow ile görsel arayüz tasarımı ve duyarlı (Responsive) web sitesi tasarımı yapımı öğrenilir. İçerik yönetim sistemi (CMS) olan Webflow ile zengin içerikli web animasyonları ve etkileşimli web sitesi tasarımı deneyimlenir. Dönem boyunca öğrenciler, web yayıncılığın esasları ve hiper ortamda görsel içerik yönetimi teknikleri öğrenilir.
DERS İÇERİĞİ
HAFTA
KONULAR
1. Hafta
Tanışma, Ders ile ilgili bilgilendirme.
2. Hafta
Web teknolojileri ve internet altyapısı. ÖDEV 1: Web Siteleri ve Web Tasarımı 10 Yılda Nasıl Değişti?
3. Hafta
Figma kullanımı.
4. Hafta
SUNUM, Figma ile prototip web sitesi tasarımı.
5. Hafta
SUNUM, Figma ile prototip web sitesi tasarımı.
6. Hafta
PROJE: 1.AŞAMA: Sosyal sorumluluk kapsamında bir web sitesinin hem mobil hem de masaüstü bilgisayar için sketch hazırlanması. 2. AŞAMA: Arayüz tasarımlarının Figma ile prototip web sitesine dönüştürülmesi. Projenin dijital olarak tüm klasör ve dosyalarıyla teslim edilmesi.
7. Hafta
Ara Sınav, Arayüz Tasarımlarının Değerlendirilmesi.
8. Hafta
Webflow kullanımı ve özellikleri.
9. Hafta
Webflow kullanımı ve özellikleri.
10. Hafta
Proje Kritik.
11. Hafta
Proje Kritik.
12. Hafta
Proje Kritik.
13. Hafta
Dönem sonu Final Projesi: Web Sitesinin teslimi.
ZORUNLU YA DA ÖNERİLEN KAYNAKLAR
Web Development for Beginners. Mastery, White Belt. 2020. HTML AND CSS: The Ultimate step by step guide to learn these Programming Languages. Alifiya Saify. 2020. Learn How to Create Web Design with HTML and CSS3. Walnut, Ryan. 2020. Learning Web Design: A Beginners Guide to HTML, CSS, JavaScript, and Web Graphics. Niederst Robbins, Jennifer. O?Reilly Media. 2018. Introduction to Web Interaction Design With HTML and CSS. Michael Macaulay. CRC Press. 2018. The Principles of Beautiful Web Design / Jason Beaird, ISBN:B004CLYF18 HTML5&CSS3 for the Real World / Alexis Goldstein, Louis Lazaris, Estelle Weyl, ISBN-10: 0980846900.