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