Ders Bilgileri
WEB TASARIM | ||||||
---|---|---|---|---|---|---|
Kodu | Dönemi | Teori | Uygulama | Ulusal Kredisi | AKTS Kredisi | |
Saat / Hafta | ||||||
İBY 429 | Güz | 3 | 0 | 3 | 2 |
Ön Koşulu Olan Ders( ler ) | Yok |
Dili | tr |
Türü | Seçmeli |
Seviyesi | Lisans |
Öğretim Elemanı( ları ) | Öğr. Elm. Tahsin Erhan ÖNEL |
Öğretim Sistemi | Yüz Yüze |
Önerilen Hususlar | Yok |
Staj Durumu | Yok |
Amacı | İnternet ve web tasarım kavramlarının açıklanması, Html kodlama dilinin kavranması, Web sayfalarının tasarım planlanmasının yapılışı, Grafik ara yüz oluşturarak web için hazır hale getirilmesi ve web sayfalarının oluşturulması. |
İçeriği | İnternet ve WEB Tanımları, Html Temel Etiketleri, Metin ve Görünüm Etiketleri, Bağlantı (Köprü) Oluşturma, Tablo İşlemleri, Formlar, Çerçeveler, Çoklu Ortam Araçları, Stil Şablonu(CSS) Temelleri, Özellikleri, Menü İşlemleri ve Tarayıcı Sorunları ve Çözümleri konuları anlatılır |
Dersin Öğrenim Çıktıları
# | Öğrenim Çıktıları |
---|---|
1 | Web sayfası için kullanılacak grafik ara yüzlerinin nasıl oluşturulması gerektiğinin kavranması |
2 | Sayfa içeriklerini oluşturacak öğelerin toplanması ve oluşturulması |
3 | Oluşturulan ara yüzlerin web için kullanılabilir hale getirilmesi ve sayfanın hücrelere yerleştirilmesi için uygun bölümlere ayrılması |
4 | Grafik ara yüzlerinin web için kaydedilmesi |
5 | Basit HTML düzenleyici seçilen bir programının kullanılarak web sayfalarının oluşturulması. |
Haftalık Ayrıntılı Ders İçeriği
# | Konular | Öğretim Yöntem ve Teknikleri |
---|---|---|
2 | Web Tasarıma Giriş. Web tasarım için gereken araçlar nelerdir? Tasarımda nelere dikkat edilmelidir? | Bölüm1 (Ana Ders Kitabı) |
1 | Web sayfasında içeriğe göre sayfa tasarımdan, kodlamasına kadar geçen temel akış çizelgesinin anlatılması. | Bölüm 2 |
3 | Web tasarımı nasıl çalışır site haline getirilir? Html nedir? | Ders notları |
4 | HTML etiket adları ve ne işe yaradıklarının açıklanması. Metin biçimlendirme | Ders notları |
5 | Web sayfasının temel elemanı bağlantı oluşturmak ve temel site iskeletinin kurulmasının kazanılması | Ders notları |
6 | Çerçeveler (frameset kavramı , sayfanın bölümlenmesi, menü oluşturmak, frameset içinde verilen linklerin istenilen sayfa alanında açılması | Ders notları |
7 | Sayfa yerleşiminde kullanılacak temel araçların açıklanması. Tablolar, arka plan yerleşimi gibi konuların açıklanması | Ders notları |
8 | DHTML, CSS | Ders notları |
9 | Ara Sınav | Ders notları |
10 | Sayfa içeriğinin daha zenginleştirilmesi için web sayfası içerisinde farklı multimedia içeriklerin kullanılmasının açıklanması | Ders notları |
11 | Başlıklar Listeler ve diğer HTML etiketleri | Ders notları |
12 | Grafik programları ile yapılan tasarımın parçalara nasıl ayrılacağının öğrenilmesi. Basit bir HTML düzenleyici program ile parçalara ayrılan tasarımların birleştirilerek sayfa haline getirilmesi. | Ders notları |
13 | Web tasarımında kullanılacak resimlerin web sayfası haline getirilirken formatlarına göre avantajları ve dezavantajlarının anlatılması | Ders notları |
14 | Web sayfalarının başlık bölümü arasında tanımlanması gereken karakter kodları, içerik bilgileri ve anahtar kelime tanımlamalarının yapılması ve sayfa başlığının düzenlenmesi. Arama motorlarının sayfa içeriklerini nasıl aradığının anlatılması. | Ders notları |
15 | Dönem Sonu Sınav çalışmaları | Dönem içi konuların tekrarı |
16 | Son Sınav | Dönem içi konuların tekrarı |
Resources
# | Malzeme / Kaynak Adı | Kaynak Hakkında Bilgi | Referans / Önerilen Kaynak |
---|---|---|---|
1 | WEB TASARIM KILAVUZU Erkan Balaban Pusula Yayıncılık | ||
2 | YENİ NESİL WEB TASARIM SETİ 5 KİTAP Komisyon Kodlab Yayın | ||
3 | |||
4 |
Ölçme ve Değerlendirme Sistemi
# | Ağırlık | Çalışma Türü | Çalışma Adı |
---|---|---|---|
1 | 0.4 | 1 | 1. Ara Sınav |
2 | 0.6 | 5 | Son Sınav |
Dersin Öğrenim Çıktıları ve Program Yeterlilikleri ile İlişkileri
# | Öğrenim Çıktıları | Program Çıktıları | Ölçme ve Değerlendirme |
---|---|---|---|
1 | Web sayfası için kullanılacak grafik ara yüzlerinin nasıl oluşturulması gerektiğinin kavranması | 1͵8͵9 | 1͵2 |
2 | Sayfa içeriklerini oluşturacak öğelerin toplanması ve oluşturulması | 8͵9 | 1 |
3 | Oluşturulan ara yüzlerin web için kullanılabilir hale getirilmesi ve sayfanın hücrelere yerleştirilmesi için uygun bölümlere ayrılması | 8͵9 | 1͵2 |
4 | Grafik ara yüzlerinin web için kaydedilmesi | 8͵9 | 2 |
5 | Basit HTML düzenleyici seçilen bir programının kullanılarak web sayfalarının oluşturulması. | 8͵9 | 2 |
Not: Ölçme ve Değerlendirme sütununda belirtilen sayılar, bir üstte bulunan Ölçme ve Değerlerndirme Sistemi başlıklı tabloda belirtilen çalışmaları işaret etmektedir.
İş Yükü Detayları
# | Etkinlik | Adet | Süre (Saat) | İş Yükü |
---|---|---|---|---|
0 | Ders Süresi | 14 | 3 | 42 |
1 | Sınıf Dışı Ders Süresi (Ön çalışma, pekiştirme) | 14 | 0 | 0 |
2 | Sunum ve Seminer Hazırlama | 0 | 0 | 0 |
3 | İnternette tarama, kütüphane ve arşiv çalışması | 0 | 0 | 0 |
4 | Belge/Bilgi listeleri oluşturma | 0 | 0 | 0 |
5 | Atölye | 0 | 0 | 0 |
6 | Ara Sınav için Hazırlık | 1 | 0 | 0 |
7 | Ara Sınav | 1 | 0 | 0 |
8 | Kısa Sınav | 0 | 0 | 0 |
9 | Ödev | 0 | 0 | 0 |
10 | Ara Proje | 0 | 0 | 0 |
11 | Ara Uygulama | 0 | 0 | 0 |
12 | Son Proje | 1 | 0 | 0 |
13 | Son Uygulama | 0 | 0 | 0 |
14 | Son Sınav için Hazırlık | 1 | 0 | 0 |
15 | Son Sınav | 1 | 0 | 0 |
42 |