| 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ü | Öğr. Gör. 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
|
| 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 | ||||
| Hafta | Konu | Öğretim Metodu |
|---|---|---|
| 1 | Web Tasarıma giriş. Kodlama dilleri ve tasarım yöntemleri hakkında genel bilgilerin verilmesi | Ders |
| 2 | HTML etiketlerinin tanıtılması. | Ders |
| 3 | Dreamweaver programına giriş. Panellerin tanıtılması. HTML ile bir web sayfasının hazırlanması. | Ders |
| 4 | Sayfalar arası bağlantıların (link) kurulması. | Ders |
| 5 | Sayfa içi linkler ve sıralı-sırasız listeler ile çalışmak. | Ders |
| 6 | Fotoğrafların web sayfalarına eklenmesi. Dosya formatları ve Photoshop ile hazırlık aşamaları. | Ders |
| 7 | Metin ve fotoğraflar kullanarak 4 sayfalı bir web sitesinin oluşturulması. | Ders |
| 8 | Roll-over butonların hazırlanması. Örnek web sitesinin tasarlanması. | Ders |
| 9 | Web sayfası arayüz tasarımı | Ders |
| 10 | CSS’ye giriş. Stil dosyaları ile paragraf ve başlıkları şekillendirmek. | Ders |
| 11 | CSS ile zeminler, çerçeveler oluşturmak. | Ders |
| 12 | CSS ile buton yapımı. Örnek bir sitenin hazırlanması. | Ders |
| 13 | Div etiketi (tag) ve CSS ile sayfa düzeni çalışmaları | Ders |
| 14 | Javascript ile uygulamalar. Pop-up pencereler ve açılır menüler | Ders |
| 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. | |||
| 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. | |||
| 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. |
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. | - | - | - | - | - | - | - | - | - | - | - | - | - |
| 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. | - | - | - | - | - | - | - | - | - | - | - | - | - |
| 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. | - | - | - | - | - | - | - | - | - | - | - | - | - |
