Slide background
Mersin Üniversitesi

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