| Ders Adı | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| Web Tasarımı | ADL 256 | 3 | 2 + 0 | 2 | 2 |
| Ön Koşul Dersleri | |
| Önerilen Seçmeli Dersler | |
| Dersin Dili | Türkçe |
| Dersin Seviyesi | Ön Lisans |
| Dersin Türü | Seçmeli |
| Dersin Koordinatörü | Öğr.Gör.Dr. NAZİYE DİRİKGİL |
| Dersi Verenler | |
| Dersin Yardımcıları | |
| Dersin Kategorisi | Diğer |
| Dersin Amacı | Bu dersi alan öğrencilerin; Web Sitesi tasarımı ve yapılandırmasının method ve teknolojilerini kullanabilmeleri, içerik yönetim sistemlerini kullanarak WWW standartları için web sayfaları kurmaları, web sayfası yaratabilecek HTML, CSS ve temel web tasarım prensiplerini uygulayabilmeleri için gerekli bilgi kazanımları amaçlanmaktadır. |
| Dersin İçeriği | Bu ders öğrencilere web tasarım pratikleri ve HMTL ve CSS kodlama sistemlerinin temel prensiblerini sağlar. Bu ders öğrencilere web standartları, kullanılabilirliği ve iş akışı ve erişebilirliği için tasarım yapmayı tanıtır. Bu ders öğrenciler ile birlikte çoklu medyayı keşfederek ve kendi grid sistemlerini inşa ederek “esnek” (responsive) tasarıma webe bir tasarım bilgisi sağlar. |
| Kalkınma Amaçları |
|---|
|
| # | Ders Öğrenme Çıktıları | Öğretim Yöntemleri | Ölçme Yöntemleri |
|---|---|---|---|
| 1 | Web tasarımı prensiplerini sayabilmek. | Tartışma, Grupla Çalışma, Gözlem, | |
| 2 | Web tasarımı yapabilmek için gerekli olan temel programları ve HTML ve CSS kodlama sistemlerini kullanabilmek. | Grupla Çalışma, Tartışma, Beyin Fırtınası, | |
| 3 | Web tasarımında kullanmak üzere ihtiyaçları olan görsel, renk ve tipografiyi uygulayabilmek. | Grupla Çalışma, Tartışma, Anlatım, | |
| 4 | Kendine özel grid sistemi ve çoklu ortam aletleri ve “esnek” görseller kullanarak en başından “esnek” (responsive) tasarım geliştirebilmek. | Tartışma, Beyin Fırtınası, Soru-Cevap, Anlatım, | |
| 5 | Web tasarım sürecinde ve üretiminde web tasarım estetiği ve sayısal renk şemalarını kavramak. | Grupla Çalışma, Beyin Fırtınası, Soru-Cevap, Anlatım, | |
| 6 | Web tasarım sürecinde ve üretiminde kullanıcı testi ve kullanıcı geri dönüşleri testi yapabilmek. | Grupla Çalışma, Beyin Fırtınası, Soru-Cevap, Anlatım, |
| Hafta | Ders Konuları | Ön Hazırlık |
|---|---|---|
| 1 | Web konseptlerinin incelenmesi | |
| 2 | Web tasarımı prensipleri ve tasarım süreçleri | |
| 3 | Sayfa tasarımı teknikleri | |
| 4 | Navigasyon ve etkileşim | |
| 5 | Fotoğrafların kullanımı ve düzenlenmesi | |
| 6 | Web tasarımı için renk teorileri | |
| 7 | Web tasarımında tipografi | |
| 8 | Web formları | |
| 9 | Vize Sınavı | |
| 10 | Webin kullanışlılığı ve evrensel kavramlar | |
| 11 | Erişebilirlik ve uyumluluk | |
| 12 | Hareketli elemanlar | |
| 13 | Sayfa yapısı hakkında daha ileri seviye inceleme | |
| 14 | Kullanıcı Deneyimini ve Geri Dönüşlerini Anlama |
| Kaynaklar | |
|---|---|
| Ders Notu | |
| Ders Kaynakları | Professional Web Design (ebook), Smashing Magazine, 2011; The Web Designer’s Idea Book, Patrick Mcneil, 2008; The Smashing Book, Sven Lennartz and Vitaly Friedman, 2009; CSS: The Definitive Guide, Eric Meyer, 2006.
|
| Sıra | Program Çıktıları | Katkı Düzeyi | |||||
|---|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Hukuk hizmetleri sektöründe çalışanların bilmesi gereken genel ilke ve kuralları bilir. | X | |||||
| 2 | Her türlü yazışma işlemini yapar. | ||||||
| 3 | Adalet Bakanlığı UYAP teknolojisini ve kullanımını bilir. | ||||||
| 4 | Hukuk alanına ilişkin yenilikleri takip eder, gerekli olanları öğrenir ve geliştirir. | X | |||||
| 5 | Sorumluluk alır ve kendisine verilen yetki sınırları içinde alınan kararları yürütür. | X | |||||
| 6 | Birimlerin veya büroların ihtiyacını karşılayacak dosyalama ve arşivleme çalışmalarını yürütür. | X | |||||
| # | Ders Öğrenme Çıktılarının Program Çıktılarına Katkısı | PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | PÇ 6 |
|---|---|---|---|---|---|---|---|
| 1 | Web tasarımı prensiplerini sayabilmek. | 5 | |||||
| 2 | Web tasarımı yapabilmek için gerekli olan temel programları ve HTML ve CSS kodlama sistemlerini kullanabilmek. | 5 | |||||
| 3 | Web tasarımında kullanmak üzere ihtiyaçları olan görsel, renk ve tipografiyi uygulayabilmek. | 5 | |||||
| 4 | Kendine özel grid sistemi ve çoklu ortam aletleri ve “esnek” görseller kullanarak en başından “esnek” (responsive) tasarım geliştirebilmek. | 5 | |||||
| 5 | Web tasarım sürecinde ve üretiminde web tasarım estetiği ve sayısal renk şemalarını kavramak. | 5 | |||||
| 6 | Web tasarım sürecinde ve üretiminde kullanıcı testi ve kullanıcı geri dönüşleri testi yapabilmek. | 5 |
| Değerlendirme Sistemi | |
|---|---|
| Yarıyıl Çalışmaları | Katkı Oranı |
| 1. Ara Sınav | 30 |
| 1. Proje / Tasarım | 20 |
| Toplam | 50 |
| 1. Final | 50 |
| Toplam | 50 |
| AKTS - İş Yükü Etkinlik | Sayı | Süre (Saat) | Toplam İş Yükü (Saat) |
|---|