TR EN

WEB GRAFİK TASARIM DERS TANITIM VE UYGULAMA BİLGİLERİ

Kodu Dersin Adı Yarıyıl Süresi(T+U) Kredisi AKTS Kredisi
GRF152 WEB GRAFİK TASARIM 2 4 2 4

HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI

Hafta Ön Hazırlık Konular Yöntem
1 Web Tasarım Web Tasarımına Giriş: Web Tasarım Nedir? Web Tasarımda Hız ve Zaman kavramının önemi Anlatım, soru/cevap, Uygulama
2 Web Tasarımda Grafik Materyal Kullanımı Web Tasarımda Grafik Materyal kullanılırken nelere dikkat edilir? Arayüz tasarımları hangi kurallara göre yapılır? Anlatım, soru/cevap, Uygulama
3 Web Sitesinde İçerik Web Sitesinde içerik neye bakılarak hazırlanır? İçeriğin düzenlemesi ve tasarımı. Anlatım, soru/cevap, Uygulama
4 Adobe Dreamweaver Dreamweaver programına hızlı bir bakış, Dreamweaver menü ve panellerini tanıma. Döküman arabirim penceresi elemanlarının özellikleri ve araç çubukları. Anlatım, soru/cevap, Uygulama
5 Site ve Web Sayfası Yerel bir Site klasörü tanımlama. Yeni bir web sayfası oluşturma. Anlatım, soru/cevap, Uygulama
6 CSS Sayfa özelliklerini CSS ile düzenleme; Sayfaya yazı ekleme, Metne Paragraf-Başlık stili uygulama, listeli metinler oluşturma. Anlatım, soru/cevap, Uygulama
7 Dreamweaver'da Resim Kullanımı Sayfaya resim ekleme, döngülü resim, resim yer tutucu, resimleri web için optimize etme. Anlatım, soru/cevap, Uygulama
8 - ARA SINAV -
9 Linkler Site içi, site dışı, sayfa içi bağlantılar ve diğer dosya türlerine yapılan bağlantılar. Resimlere bağlantı oluşturma - resmin üzerine birden fazla bağlantı oluşturma- Resim Haritaları ile çalışma. Anlatım, soru/cevap, Uygulama
10 Web Arayüz Tasarımı Layout ve Mizanpaj, Sayfa tasarımları ve sayfada kullanılacak elemanları tasarlama. Anlatım, soru/cevap, Uygulama
11 Tablolar Tablolarla çalışma, tablo özelliklerini düzenleme. Sayfa mizanpajı için tabloları kullanma. Anlatım, soru/cevap, Uygulama
12 Çerçeveler Örnek çerçeve setlerinden sayfa oluşturma - Çerçeve setleri ve özellikleri - Çerçeveli sayfalarda bağlantıların oluşturulması Anlatım, soru/cevap, Uygulama
13 Formlar ve Spry Nesneleri Form nesneleri ile çalışma - Form nedir? - Form araçları ve özellikleri - Sayfaya form alanı ekleme. Dinamik Spry nesneleri ile çalışma - Spry nedir? - Spry nesnelerinin Form nesnelerinden farkı nedir? Anlatım, soru/cevap, Uygulama
14 Javascript Javascript ile etkileşim oluşturma - Öğelere görsel efektler uygulama Anlatım, soru/cevap, Uygulama
15 Final Projesi Web Sitesi Proje Sunumları ve Değerlendirme Anlatım, soru/cevap, Uygulama
16 - FİNAL -
17 - FİNAL -