Ders Bilgileri

WEB TASARIMI
Kodu	Dönemi	Teori	Uygulama	Ulusal Kredisi	AKTS Kredisi
		Saat / Hafta
İBY481	Güz	1	2	2	4

Ön Koşulu Olan Ders( ler )	Yok
Dili	tr
Türü	Seçmeli
Seviyesi	Lisans
Öğretim Elemanı( ları )	Dr. Evrim Ersin Kangal
Öğretim Sistemi	Yüz Yüze
Önerilen Hususlar	Yok
Staj Durumu	Yok
Amacı	Bu dersin amacı, web programlamada kullanan temel teknikler hakkında fikir sahibi olabilmek ve öğrendiklerini örnek bir web sitesi hazırlayarak uygulamaya dönüştürmek.
İçeriği	Web 2.0, Genel Kavramlar ve Terminolojiler, internet, Web ve tasarım kavramları, tarayıcılar, domain adı, hosting, ftp, güncelleme, Web Standartları, Web sayfalarının tasarım planlaması, HTML dilinin özellikleri: En sık kullanılan HTML etiketleri, Başlıklar, Kayan Yazılar, Metin Formatlama, Link verme ve Meta Tagleri, Resim Eklemek,Tablo ve Tablo Yapıları, Form ve Form Elemanları, Çerçeveler ve Çerçeveli sayfa yapılarının anlatılması, Photoshop kullanımı, temel javascript kodlamaları.

Dersin Öğrenim Çıktıları

#	Öğrenim Çıktıları
1	Genel Kavramları ve terminolojileri tanır.
2	İnternet, web ve tasarım kavramlarını ifade eder.
3	Tarayıcılar, domain adı, hosting, ftp, güncelleme işlemlerini uygular.
4	Web standartlarını planlar.
5	Web sayfalarının tasarım planlaması ve arayüz geliştirir.
6	Temel HTML bilgisini yorumlar , javascripti tanır.
7	Photoshop programının özelliklerini uygular.
8	Öğrendiği teknikleri sentezleyerek kişisel amaçlı bir web sitesi tasarlar.

Haftalık Ayrıntılı Ders İçeriği

#	Konular	Öğretim Yöntem ve Teknikleri
1	Genel kavramlar ve terminolojiler, internet, Web ve tasarım kavramları	Anlatım, tartışma
2	Tarayıcılar, domain adı, hosting, ftp, güncelleme işlemleri	Anlatım, tartışma
3	Web Standartları, Web sayfalarının tasarım planlaması	Anlatım, tartışma, uygulama
4	HTML dilinin özellikleri( En sık kullanılan HTML etiketleri)	Anlatım, tartışma, uygulama
5	HTML dilinin özellikleri(Başlıklar, kayan yazılar, metin formatlama)	Anlatım, tartışma, uygulama
6	HTML dilinin özellikleri(Link verme ve meta tagleri)	Anlatım, tartışma, uygulama
7	HTML dilinin özellikleri(Resim eklemek,tablo ve tablo yapıları)- I	Anlatım, tartışma, uygulama
8	HTML dilinin özellikleri(Resim eklemek,tablo ve tablo yapıları)-II	Anlatım, tartışma, uygulama
9	HTML dilinin özellikleri(Form ve form elemanları)	Anlatım, tartışma, uygulama
10	HTML dilinin özellikleri(Çerçeveler ve çerçeveli sayfa yapıları)	Anlatım, tartışma, uygulama
11	HTML dilinin özellikleri(dolgular,maskeler, movie clipler)	Anlatım, tartışma, uygulama
12	Photoshop kullanımı	Anlatım, tartışma, uygulama
13	Photoshop kullanımı	Anlatım, tartışma, uygulama
14	Temel javascript kodlamaları	Anlatım, tartışma, uygulama
15	Temel javascript kodlamaları	Anlatım, tartışma, uygulama
16	Son Sınav

Resources

#	Malzeme / Kaynak Adı	Kaynak Hakkında Bilgi	Referans / Önerilen Kaynak
1	Web Tasarım I Mersin Üniversitesi, Ders Notu ve Uygulamalar
2	Erkan Balaban, Web Tasarım Kılavuzu, Pusula Yayıncılık, 2008

Ölçme ve Değerlendirme Sistemi

#	Ağırlık	Çalışma Türü	Çalışma Adı
1	0.4	9	1. Ara Proje
2	0.6	10	1. Son Proje

Dersin Öğrenim Çıktıları ve Program Yeterlilikleri ile İlişkileri

#	Öğrenim Çıktıları	Program Çıktıları	Ölçme ve Değerlendirme
1	Genel Kavramları ve terminolojileri tanır.	1	1
2	İnternet, web ve tasarım kavramlarını ifade eder.	1	1
3	Tarayıcılar, domain adı, hosting, ftp, güncelleme işlemlerini uygular.	1	1
4	Web standartlarını planlar.	1	1
5	Web sayfalarının tasarım planlaması ve arayüz geliştirir.	1	1
6	Temel HTML bilgisini yorumlar , javascripti tanır.	1	1͵2
7	Photoshop programının özelliklerini uygular.	1͵4	1͵2
8	Öğrendiği teknikleri sentezleyerek kişisel amaçlı bir web sitesi tasarlar.	1͵4	1͵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 Çalışma Süresi (Ön çalışma, pekiştirme)	14	1	14
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	1	16	16
11	Ara Uygulama	0	0	0
12	Son Proje	1	50	50
13	Son Uygulama	1	0	0
14	Son Sınav için Hazırlık	1	0	0
15	Son Sınav	1	0	0
				122