| Ders Adı | Kodu | Yarıyıl | T+U Saat | AKTS | |
| Web Tasarım | BYT244 | 3 | 2 + 1 | 4,0 |
| Birim Bölüm | BASIM VE YAYIM TEKNOLOJİLERİ |
| Derece Seviye | Ön Lisans - Seçmeli - Türkçe |
| Dersin Verilişi | Bu ders bilgisayar laboratuvarında yürütülmektedir. |
| EBS Koordinatörü | Dr. Öğr. Üyesi Bayram ARMUTCI |
| Ders Veren | |
| Amaç |
Öğrencilerin web ortamına yönelik grafik tasarım bilgisi ve teknik uygulama bilgisi kazanmaları amaçlanır. |
| Ders İçeriği |
WEB TASARIMI dersinde öğrencilere web tasarımının temel ilkeleri, etkileşim tasarımı esasları ve kullanıcı deneyimleri hakkında bilgi verilir. Öğrenciler, web tasarım programında (Adobe Dreamweaver ya da eşdeğeri) web grafiklerinin formatları ve özellikleri, html etiketleri, çalışma alanı, araçlar, menü ve paneller, web projesi planlama ve diyagram ile oluşturma, sayfalar arası bağlantı kurma, sayfa içi sıralı ve sırasız listeler ile çalışma, web için piksel tabanlı programda görsel hazırlama ve ekleme, navigasyon tasarımı, menüler ve butonlar, web renkleri ve web tipografisi, CSS ile çalışma, stiller ile paragraf ve başlık şekillendirme, zemin ve çerçeve oluşturma, çok sütunlu dinamik sayfalar oluşturma, javascript kullanma, behaviour ekleme (pop-up pencere, buton vb) gibi web sitesi tasarlamaya yönelik bilgileri kazanırlar. Web sitesi tasarlayarak ve uygulama yaparak deneyim kazanırlar. |
| Ders Kaynakları |
Responsive Web Tasarımı ve Uygulamaları, Burak Tokak, Dikeyeksen Yayınevi
Web Tasarımı ve Web Programlama - A'dan Z'ye Yeni, Nesil Tekniklerle, Uğur Gelişken, Level Yayınevi |
| Yarıyıl İçi Çalışmalar | Katkı Yüzdesi (%) |
| Bu bilgi girilmemiştir. | |
| Toplam | 0 |
| Yarıyıl Sonu Çalışmalar | Katkı Yüzdesi (%) |
| Bu bilgi girilmemiştir. | |
| Toplam | %0 |
| Yarıyıl İçinin Başarıya Oranı | %0 |
| Yarıyıl Sonu Çalışmalar | %0 |
| Toplam | %0 |
| Kategori | Ders İlişki Yüzdeleri (%) |
|
Aktarılabilir Beceri Dersleri
|
0
|
|
Beşeri, İletişim ve Yönetim Becerileri Dersleri
|
0
|
|
Destek Dersleri
|
0
|
|
Ek Dersler
|
0
|
|
Kategori
|
0
|
|
Mesleki Seçmeli Dersler
|
0
|
|
Temel Meslek Dersleri
|
0
|
|
Uygulama Dersleri
|
0
|
|
Uzmanlık / Alan Dersleri
|
0
|
|
Yetkinlik Tamamlayıcı Ders
|
0
|
| Ders İş Yükü | Öğretim Metotlar / Öğretim Metodu | Süresi (Saat) | Sayısı | Toplam İş Yükü (Saat) |
| Toplam İş Yükü (Saat) | 0 | |||
| AKTS = Toplam İş Yükü (Saat) / 25.5 (s) | 0 | |||
| AKTS | 4,0 | |||
| Hafta | Konu | Öğretim Metodu |
|---|---|---|
| 1 | Web Tasarıma giriş. Kodlama dilleri ve tasarım yöntemleri hakkında genel bilgilerin verilmesi | Ders Laboratuar |
| 2 | HTML etiketlerinin tanıtılması. | Ders Laboratuar |
| 3 | Dreamweaver programına giriş. Panellerin tanıtılması. HTML ile bir web sayfasının hazırlanması. | Ders Laboratuar |
| 4 | Sayfalar arası bağlantıların (link) kurulması. | Ders Laboratuar |
| 5 | Sayfa içi linkler ve sıralı-sırasız listeler ile çalışmak. | Ders Laboratuar |
| 6 | Fotoğrafların web sayfalarına eklenmesi. Dosya formatları ve Photoshop ile hazırlık aşamaları. | Ders Laboratuar |
| 7 | Metin ve fotoğraflar kullanarak 4 sayfalı bir web sitesinin oluşturulması. | Ders Laboratuar |
| 8 | Roll-over butonların hazırlanması. Örnek web sitesinin tasarlanması. | Ders Laboratuar |
| 9 | Web sayfası arayüz tasarımı | Ders Laboratuar |
| 10 | CSS’ye giriş. Stil dosyaları ile paragraf ve başlıkları şekillendirmek. | Ders Laboratuar |
| 11 | CSS ile zeminler, çerçeveler oluşturmak. | Ders Laboratuar |
| 12 | CSS ile buton yapımı. Örnek bir sitenin hazırlanması. | Ders Laboratuar |
| 13 | Div etiketi (tag) ve CSS ile sayfa düzeni çalışmaları | Ders Laboratuar |
| 14 | Javascript ile uygulamalar. Pop-up pencereler ve açılır menüler | Ders Laboratuar |
| Ders Öğrenme Çıktısı | Ölçme Değerlendirme | Öğretim Metodu | Öğrenme Faaliyeti |
| Web sayfası tasarımlarında görüntü formatları, web sitesi yapısı, font kullanımı, site penceresi, başlık, rehber, metin, resim ve bağlantı tekniklerini kullanabilecektir. | Ödev / Proje | Laboratuar | Gözlem/durumları işleme, Bilişim, yönetsel beceriler, takım çalışması |
| Görüntü formatları, web sitesi yapısı, font kullanımı, site penceresi, başlık, rehber, metin, resim ve bağlantı teknikleriyle görselleştirdiği web sayfasını kendi özgün fikirleriyle birleştirir. | Ödev / Proje | Laboratuar | Gözlem/durumları işleme, Bilişim, yönetsel beceriler, takım çalışması |
| Görüntü formatları, web sitesi yapısı, font kullanımı, site penceresi, başlık, rehber, metin, resim ve bağlantı tekniklerinin temel özelliklerini açıklayabilecektir. | Ödev / Proje | Laboratuar | Gözlem/durumları işleme, Bilişim, yönetsel beceriler, takım çalışması |
| Web tasarımında kodlama ve yazılım sistemleri hakkında deneyim kazanır | Ödev / Proje | Laboratuar | Gözlem/durumları işleme, Bilişim, yönetsel beceriler, takım çalışması |
DERS ÖĞRENME ÇIKTISI |
PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | PÇ 6 | PÇ 7 | PÇ 8 | PÇ 9 | PÇ 10 | PÇ 11 | PÇ 12 | PÇ 13 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Web sayfası tasarımlarında görüntü formatları, web sitesi yapısı, font kullanımı, site penceresi, başlık, rehber, metin, resim ve bağlantı tekniklerini kullanabilecektir. | 3 | 2 | 1 | 2 | 4 | 4 | 5 | 5 | 1 | 4 | 3 | 3 | 5 | ;
| Görüntü formatları, web sitesi yapısı, font kullanımı, site penceresi, başlık, rehber, metin, resim ve bağlantı teknikleriyle görselleştirdiği web sayfasını kendi özgün fikirleriyle birleştirir. | 3 | 2 | 1 | 3 | 5 | 4 | 4 | 4 | 1 | 4 | 3 | 3 | 5 | ;
| Görüntü formatları, web sitesi yapısı, font kullanımı, site penceresi, başlık, rehber, metin, resim ve bağlantı tekniklerinin temel özelliklerini açıklayabilecektir. | 3 | 2 | 1 | 2 | 3 | 5 | 3 | 3 | 1 | 3 | 2 | 2 | 4 | ;
| Web tasarımında kodlama ve yazılım sistemleri hakkında deneyim kazanır | 2 | 2 | 1 | 2 | 3 | 4 | 4 | 5 | 1 | 3 | 3 | 3 | 5 | ;
| Ortalama Değer | 2,75 | 2 | 1 | 2,25 | 3,75 | 4,25 | 4 | 4,25 | 1 | 3,5 | 2,75 | 2,75 | 4,75 |
