| Ders Adı | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| Web Tasarımı | SAU 354 | 0 | 1 + 0 | 2 | 2 |
| Ön Koşul Dersleri | |
| Önerilen Seçmeli Dersler | |
| Dersin Dili | Türkçe |
| Dersin Seviyesi | Lisans |
| Dersin Türü | Seçmeli |
| Dersin Koordinatörü | Dr.Öğr.Üyesi CAN YÜZKOLLAR |
| Dersi Verenler | |
| Dersin Yardımcıları | Nevzat TAŞBAŞI |
| Dersin Kategorisi | Diğer |
| Dersin Amacı | Web, Web tasarımı ve Internet teknolojileri temel kavramları verilerek, Web tabanlı uygulama geliştirme yöntemleri, Web tabanlı uygulama geliştirme teknolojileri (Html, Css, Javascript) ve araçlarının (Adobe Dreamweaver, Fireworks, Flash) temel seviyede kullanım becerilerini kazandırmaktır. |
| Dersin İçeriği | Web, İnternet teknolojileri, web ve grafik tasarımı temel kavramları, Grafik editörleri (Adobe Fireworks), Html düzenleyiciler (Adobe Dreamweaver) ve Etkileşimli animasyon hazırlama (Adobe Flash) programlarının temel seviyede kullanımı |
| # | Ders Öğrenme Çıktıları | Öğretim Yöntemleri | Ölçme Yöntemleri |
|---|---|---|---|
| 1 | Internet, Web ve Temel grafik kavramlarını tanımlar | Bireysel Çalışma, Anlatım, Soru-Cevap, Beyin Fırtınası, | |
| 2 | Html etiketleri ve html düzenleyici yardımcı programları (Not defteri, Adobe Dreamweaver) kullanarak web sayfası tasarlar | Tartışma, Bireysel Çalışma, Grupla Çalışma, | |
| 3 | Adobe Dreamweaver programında web sayfaları oluşturabilir, sayfaları düzenleyebilir, temel html elemanlarını ekleyebilir, resim, tablo ekleyebilir | Grupla Çalışma, Bireysel Çalışma, Tartışma, | |
| 4 | Adobe Dreamweaver programında çerveler(frame) kullanarak web sayfaları geliştirebilir, tablo kullarak web sayfası geliştirebilir | Tartışma, Grupla Çalışma, | |
| 5 | CSS teknolojisini kullanarak Html etiketlerine stiller tanımlar, katmanlarda ki çalışmalarını yorumlayabilir, CSS ve Html teknolojilerini kullanarak web sayfaları tasarlar | Bireysel Çalışma, Grupla Çalışma, Tartışma, | |
| 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 | Tartışma, Grupla Çalışma, | |
| 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 | Grupla Çalışma, Tartışma, | |
| 8 | Hazırladığı web sayfalarını, web sunucu programları kullanarak internette yayınlayabilir | Tartışma, Grupla Çalışma, |
| 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 | 2 | ||