|
Hafta
|
Konular
|
Ön Hazırlık
|
|
1
|
Web, İnternet teknolojileri temel kavramları, Web tasarım ilkeleri, yöntemleri
|
K1. Bölüm 1
|
|
2
|
Html etiketlerinin yapısı, özellikleri Html düzenleyici programları temel özellikleri, arayüz kullanımı, Html sayfalarını temel özellikleri
|
K1. Bölüm 2
|
|
3
|
Temel html etiketleri, Metin biçimlendirme etiketleri, listeler (madde imleri, numaralandırma), bağlantılar, göreceli adresleme, resimler, resim haritaları, resimlere link verme
|
K1. Bölüm 3
|
|
4
|
Temel Grafik kavramları (çözünürlük, piksel derinliği, renk v.b.) Grafik editör programından aktarım
|
K1. Bölüm 3
K2. Bölüm 1
|
|
5
|
Html etiketleri ile Tablo oluşturma, düzenleme, Form oluşturma, form elemanları temel özellikleri ve çerçeveler.
|
K1. Bölüm 4
K2. Bölüm 2
|
|
6
|
Frameset ve iFrame kullanım ve uygulaması.
|
K2. Bölüm 3
|
|
7
|
CSS özellikleri, genel yapısı, tanımlama yöntemleri, html etiketlerine göre cssler, temel kullanılan stil şablonları (arkaplan, kenarlık v.b.),
|
K2. Bölüm 3
K3. Bölüm 1
|
|
8
|
Örnek uygulama olarak web projesinin arayüz ve içeriklerinin hazırlanması
|
K2. Bölüm 3
K1. Bölüm 5
K3. Bölüm 2
|
|
9
|
CSS özellikleri kullanarak web sayfası içinde görsel düzenleme
|
K3. Bölüm 3
|
|
10
|
Web editörü uygulama programı (Adobe Dreamweaver) özellikleri ve kullanımı
|
K3. Bölüm 4
|
|
11
|
Web editörü uygulama programında (Adobe Dreamweaver) web sayfası içeriği hazırlama ve düzenleme
|
K2. Bölüm 4
K3. Bölüm 5
|
|
12
|
Örnek uygulama olarak kişisel web projesinin arayüz ve içerik hazırlama
|
K1. Bölüm 6
K3. Bölüm 6
|
|
13
|
Uygulama web projesinin içeriğinin ilgili programlarda düzenlenmesi
|
K2. Bölüm 5
K1. Bölüm 7
|
|
14
|
Uygulama web projesinin içeriğinin ilgili programlarda düzenlenmesi
|
K3. Bölüm 7
|
|
Ön Koşul
|
-
|
|
Ders Dili
|
Türkçe
|
|
Dersin Sorumlusu
|
Doç. Serkan Vural
|
|
Dersi Verenler
|
-
|
|
Ders Yardımcıları
|
-
|
|
Kaynaklar
|
K1. Gelişken,U.(2012). Web Tasarım Kılavuzu, Kodlab Yayın Dağıtım.
K2. Balaban, E. (2012). Dreamweaver CS5.5, Pusula Yayıncılık, istanbul.
K3. Fahrettin E. (2020). Yeni Başlayanlar İçin HTML5 CSS3 & Javascript, Pusula Yayıncılık, istanbul.
|
|
Yardımcı Kitap
|
-
|
|
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 programının temel seviyede kullanımı ve sunucu taraflı dinamik web sayfaları tasarımı becerilerini kazandırmaktır.
|
|
Dersin İçeriği
|
Temel internet kavramları, Web tasarımına giriş, HTML editörleri, Tasarım ve planlama aşamaları, HTML, CSS uygulamaları, arayüz tasarımı ve web sayfası sistemine uygulanması.
|
|
Program Yeterlilik Çıktıları |
Katkı Düzeyi |
|
1
|
Sanat ve tasarım alanındaki bilgilerini sentezleyerek tasarımlar yapabilir.
|
4
|
|
2
|
Sanat ve tasarımın farklı disiplinleri arasında ilişki kurabilme becerisine sahiptir.
|
3
|
|
3
|
Sorun ve gereksinimleri karşılayacak bir ürünü/yapıtı yada süreci tasarlayabilir.
|
3
|
|
4
|
Yaşam boyu öğrenmenin önemini kavrama ve gereklilikleri yerine getirebilme becerisine sahiptir.
|
-
|
|
5
|
Yerel ve evrensel boyutlardaki sanat ve tasarım problemini tanımlama ve çözümleyebilme becerisine sahiptir.
|
-
|
|
6
|
Sanat ve tasarım tarihinde ortaya çıkmış tasarım anlayışlarıyla günümüz tasarım anlayışları arasında ilişki kurabilir.
|
4
|
|
7
|
Sanat ve tasarım problemlerinin çözümünde gerekli malzemeleri kullanarak tasarımı sonuçlandırabilme yetkinliğine sahiptir.
|
4
|
|
8
|
Tasarım sürecinde araştırma, sentez, değerlendirme ve yorumlayabilme becerisine sahiptir.
|
4
|
|
9
|
Sanat ve tasarım problemlerini çözümleyebilir.
|
3
|
|
10
|
Tasarım sürecinde kullanılan malzemelerin seçiminde çevreye karşı duyarlı olabilme bilgisine sahiptir.
|
3
|
|
11
|
Güncel sorunları takip ederek bu sorunlara ilişkin tasarımlar üretebilir.
|
-
|
|
12
|
Etkili iletişim becerilerini öğrenerek kendini ifade edebilir.
|
2
|
|
13
|
Fikir ve sanat eserleri hakkında mesleki ve etik sorumluluk bilincine sahip olabilme.
|
3
|
|
14
|
Grafik tasarımın yöntem, teknik ve araçlarını bilir ve uygular.
|
4
|