| Ders Adı | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| Web Tasarımı | SAU 354 | 0 | 2 + 0 | 2 | 5 |
| # | Ders Öğrenme Çıktıları | Öğretim Yöntemleri | Ölçme Yöntemleri |
|---|---|---|---|
| 1 | Internet, Web ve Temel grafik kavramlarını tanımlar | Gösteri, Anlatım, Soru-Cevap, Tartışma, | Sınav, |
| 2 | Html etiketleri ve html düzenleyici yardımcı programları (Not defteri, Adobe Dreamweaver) kullanarak web sayfası tasarlar | Alıştırma ve Uygulama, Gösteri, Gösterip Yaptırma, | Ödev, Sınav, |
| 3 | Adobe Dreamweaver programında web sayfaları oluşturabilir, sayfaları düzenleyebilir, temel html elemanlarını ekleyebilir, resim, tablo ekleyebilir | Gösterip Yaptırma, Gösteri, Alıştırma ve Uygulama, | Sınav, Ödev, |
| 4 | Adobe Dreamweaver programında çerveler(frame) kullanarak web sayfaları geliştirebilir, tablo kullarak web sayfası geliştirebilir | Alıştırma ve Uygulama, Gösterip Yaptırma, | Ödev, Sınav, |
| 5 | CSS teknolojisini kullanarak Html etiketlerine stiller tanımlar, katmanlarda ki çalışmalarını yorumlayabilir, CSS ve Html teknolojilerini kullanarak web sayfaları tasarlar | Gösteri, Gösterip Yaptırma, Alıştırma ve Uygulama, | Sınav, Ödev, |
| 6 | Grafik editörü uygulama programı (Adobe Fireworks) ile web grafikleri, animasyonlar oluşturabilir, oluşturulan dosyaları, düzenleyebilir, resimleri özelliklerine göre karşılaştırabilir, optimize edebilir | Alıştırma ve Uygulama, Gösterip Yaptırma, | Ödev, Sınav, |
| 7 | Etkileşimli animasyon hazırlama (Adobe Flash) programı ile animasyon oluşturabilir, oluşturduğu animasyonu düzenleyebilir, oluşturduğu animasyonu Web´de yayınlanacak formata çevirebilir | Gösterip Yaptırma, Alıştırma ve Uygulama, | Sınav, Ödev, |
| 8 | Hazırladığı web sayfalarını, web sunucu programları kullanarak internette yayınlayabilir | Alıştırma ve Uygulama, Gösterip Yaptırma, | Ödev, Sınav, |
| Hafta | Ders Konuları | Ön Hazırlık |
|---|---|---|
| 1 | Web Tasarımına Giriş, Web Tasarım İlkeleri | |
| 2 | Internet, Web ve Temel grafik kavramlarını | |
| 3 | Dreamweaver ile sayfa tasarımına giriş | |
| 4 | Temel Html Etiketleri | |
| 5 | Web sayfasına Tablo, resim, link ekleme, düzenleme silme işlemleri | |
| 6 | Web sayfasında form elemanları ile çalışma | |
| 7 | CSS, stiller ile çalışma | |
| 8 | Web sayfasında çerceveler ve katmalar (layer) ile çalışma | |
| 9 | Grafik editörü uygulama programı (Adobe Fireworks) ile resim düzenlemeye giriş | |
| 10 | Grafik editörü uygulama programı (Adobe Fireworks) ile Resimler üzerinde düzenlemeler gerçekleştirme, filtre işlemleri, maske oluşturma, animasyon oluşturma | |
| 11 | Grafik editörü uygulama programı (Adobe Fireworks) ile hazır animasyonları düzenleme, resimleri optimize etme, web için grafik geliştirme | |
| 12 | Etkileşimli animasyon hazırlama (Adobe Flash) program ile animasyon hazırlamaya giriş | |
| 13 | Etkileşimli animasyon hazırlama (Adobe Flash) programı ile Web için anaimasyon geliştirme | |
| 14 | Web sunucuları ve sayfaların yayınlanması |
| Kaynaklar | |
|---|---|
| Ders Notu | |
| Ders Kaynakları | |
| # | Ders Öğrenme Çıktılarının Program Çıktılarına Katkısı |
|---|---|
| 1 | Internet, Web ve Temel grafik kavramlarını tanımlar |
| 2 | Html etiketleri ve html düzenleyici yardımcı programları (Not defteri, Adobe Dreamweaver) kullanarak web sayfası tasarlar |
| 3 | Adobe Dreamweaver programında web sayfaları oluşturabilir, sayfaları düzenleyebilir, temel html elemanlarını ekleyebilir, resim, tablo ekleyebilir |
| 4 | Adobe Dreamweaver programında çerveler(frame) kullanarak web sayfaları geliştirebilir, tablo kullarak web sayfası geliştirebilir |
| 5 | CSS teknolojisini kullanarak Html etiketlerine stiller tanımlar, katmanlarda ki çalışmalarını yorumlayabilir, CSS ve Html teknolojilerini kullanarak web sayfaları tasarlar |
| 6 | Grafik editörü uygulama programı (Adobe Fireworks) ile web grafikleri, animasyonlar oluşturabilir, oluşturulan dosyaları, düzenleyebilir, resimleri özelliklerine göre karşılaştırabilir, optimize edebilir |
| 7 | Etkileşimli animasyon hazırlama (Adobe Flash) programı ile animasyon oluşturabilir, oluşturduğu animasyonu düzenleyebilir, oluşturduğu animasyonu Web´de yayınlanacak formata çevirebilir |
| 8 | Hazırladığı web sayfalarını, web sunucu programları kullanarak internette yayınlayabilir |
| Değerlendirme Sistemi | |
|---|---|
| Yarıyıl Çalışmaları | Katkı Oranı |
| 1. Ara Sınav | 60 |
| 1. Kısa Sınav | 15 |
| 1. Ödev | 13 |
| 1. Performans Görevi (Laboratuvar) | 12 |
| Toplam | 100 |
| 1. Yıl İçinin Başarıya | 50 |
| 1. Final | 50 |
| Toplam | 100 |
| AKTS - İş Yükü Etkinlik | Sayı | Süre (Saat) | Toplam İş Yükü (Saat) |
|---|---|---|---|
| Ders Süresi (Sınav haftası dahildir: 16x toplam ders saati) | 16 | 2 | 32 |
| Sınıf Dışı Ders Çalışma Süresi(Ön çalışma, pekiştirme) | 16 | 2 | 32 |
| Ara Sınav | 1 | 10 | 10 |
| Kısa Sınav | 1 | 5 | 5 |
| Ödev | 1 | 5 | 5 |
| Performans Görevi (Laboratuvar) | 1 | 16 | 16 |
| Final | 1 | 14 | 14 |
| Toplam İş Yükü | 114 | ||
| Toplam İş Yükü / 25 (Saat) | 4,56 | ||
| Dersin AKTS Kredisi | 5 | ||