| Dersin Adı | Dersin Kodu | Dersin Türü | Dersin Düzeyi | Dersin Yılı | Dersin Verildiği Dönem | AKTS Kredisi |
|---|---|---|---|---|---|---|
| Web Tasarımı | ENF110 | Seçmeli | Lisans | 1 | Bahar | 3 |
Öğretim Elemanı Adı
Doç. Dr. Serdar SOLAK
Dr. Öğr. Üyesi Umut ALTINIŞIK
Öğr. Gör. Ömer Fatih BÖLÜKBAŞ
Öğr. Gör. Erkan KOCAKAYA
Öğr. Gör. İnanç AR
Öğr. Gör. Uğur YILDIZ
Dersin Öğrenme Kazanımları
1) Web kavramlarını öğrenir.
2) HTML dilini öğrenir.
3) Web Sayfası Oluşturma: Biçimlendirme, Bağlar, Resimler, Tablolar, Listeler ,formlar ve çerçeveler oluşturur.
4) Hazırlamış olduğu web sayfalarını internet ortamından yayınlar.
Program Yeterliliği İlişkisi
| Program Yeterlilikleri | ||||||||||||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | ||
| Öğrenme Kazanımları | ||||||||||||||||
| 1 | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Düşük | ||||||
| 2 | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Orta | Yüksek | Yüksek | |||||||
| 3 | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Orta | Yüksek | Yüksek | Düşük | ||||||
| 4 | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Yüksek | Orta | Yüksek | Yüksek | Düşük | ||||||
Eğitim Şekli
Yüz Yüze
Ön Koşullar, Diğer Koşullar
Yok
Önerilen Destekleyici Dersler
Web Programlama Veritabanları
Dersin İçeriği
Internet ve Web teknolojileri temel kavramlar, Temel HTML komutları, HTML Diline Giriş, Web sistesi oluşturma ve yayınlamak.
Haftalık Ders İzlencesi
1) WEB TEKNOLOJİLERİ TEMEL KAVRAMLARIInternet ve WWW (World Wide Web), Web Tarayıcıları, Arama Motorları Dosya Biçimleri: HTML, CSS, JS, XML, PHP, ASP, JSP, CFM Web Sunucu, Barındırma, Erişim Sağlayıcı, Alan Adı (Domain), URL, DNS, Protokoller: HTTP ve HTTPS, TCP/IP,FTP,SMTP,POP Tasarımların Tarayıcılarda Farklı Görünmesi
2) HTML Etiketleri
HTML Nedir? , Web Tarayıcı ile HTML Kodu’nun Görüntülenmesi WWW Konsorsiyum (W3C) Standartları, HTML Düzenleyicileri.
3) HTML ETİKETLERİ
Etiket Nedir? Başlangıç/Bitiş Etiketleri, HTML Öğeleri ve Öğe Söz Dizimi İç içe Yuvalanmış HTML Öğeleri, HTML Etiket Özellikleri, Özellik Referans Listeleri, HTML Dosyası İskeleti, Temel HTML Etiketleri, Uygulamalar.
4) DREAMWEAVER CS3
Dreamweaver Arayüzü: Karşılama Ekranı ve Çalışma Uzayı Mizanpajı, Paneller, Belge Penceresi, Ekle Çubuğu ve Sekmeler Tercihler
5) DREAMWEAVER CS3
Web Sayfası Oluşturma: Yeni Belge Oluşturma, Simgeler, Başlıklar, Paragraflar, Uygulamalar
6) DREAMWEAVER CS3
Web Sayfası Oluşturma: Biçimlendirme, Bağlar ve Resimler
7) DREAMWEAVER CS3
Web Sayfası Oluşturma: Tablolar ve Listeler
8) Ara sınav/Değerlendirme
9) DREAMWEAVER CS3
Web Sayfası Oluşturma ile ilgili uygulamalar
10) DREAMWEAVER CS3
Site Yönetimi: Site Tanımlamanın Önemi, Yeni Site Tanımlama, Site Yönetim Gelişmiş Özellikleri, Uygulamalar.
11) DREAMWEAVER CS3
Tablo Kullanarak Web Sayfası Yapılandırma :Planlanan Yapının, Tablo İle Eklenmesi, Tablo ve Hücre Özellikleri, Genişleyen Tablolar Modu, Uygulamalar.
12) DREAMWEAVER CS3
CSS Kullanarak Web Sayfası Biçimlendirme: CSS Nedir? CSS Avantajları; Görünüm, Kolaylık, Tutarlılık, Dosya Boyutları CSS Ekleme: Kod içinde, Harici ,@import, CSS Stil Paneli, Uygulamalar.
13) DREAMWEAVER CS3
CSS Kullanarak Web Sayfası Biçimlendirme: CSS Kural Oluşturma, Etiket Seçicisi, Sınıf Seçicisi, Tekil Seçiciler, Torun Seçicileri, Çocuk Seçicileri, Evrensel Seçiciler, Özellik Seçicileri Sözde(Pseudo)-sınıfları ve Sözde(Pseudo)-elemanları, Uygulamalar.
14) Örnek Web Sitesi Tasarımı
15) Uygulama Sınavı
16) Yarıyıl sonu sınavı
Önerilen/İstenen Ders Kaynakları
Planlanan Öğrenim Faaliyetleri Ve Eğitim Yöntemi
1) Anlatım
2) Soru-Cevap
3) Laboratuvar/Çalıştay
4) Bireysel Çalışma
5) Problem Çözme
6) Proje Temelli Öğrenme
Değerlendirme Yöntemi ve Ölçütleri
Ara Sınav Notunun Başarıya Oranı |
40% |
|---|---|
Yarıyıl Sonu Sınavının Başarıya Oranı |
60% |
Toplam |
100% |
Dersin Eğitim Dili
Türkçe
Mesleki Uygulama
İstenmemekte