GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| ENF305WEB | WEB TASARIMI | Seçmeli Ders Grubu | 3 | 6 | 3,00 |
Dersin Seviyesi
Lisans
Dersin Sunulduğu Dil
Türkçe
Dersin Amacı
Bu dersin amacı; öğrencilerin bir web sayfasını oluşturmak için işaretleme (HTML) ve stilleme (CSS) dillerini kullanabilmelerini sağlamaktır.
Dersi Veren Öğretim Görevlisi/Görevlileri
Doç. Dr. Onur Dönmez
Öğrenme Çıktıları
| 1 | İnternet teknolojisi ve alt yapısını tanır |
| 2 | HTML dili ve işlevlerini kavrar |
| 3 | HTML dilini kullanarak bir web sayfası oluşturabilir |
| 4 | HTML dilinin semantik yapısını kavrar |
| 5 | HTML dili içinde stil dosyalarını (CSS) kullanabilir |
| 6 | CSS kuraları ile metinlerin görünümünü değiştirebilir |
| 7 | CSS kuralları ile bir web sayfasının dizilimini değiştirebilir |
| 8 | CSS kuralları ile web sayfalarına canlandırma ekleyebilir |
Öğretim Sistemi
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
Bu dersin içeriğinde, HTML dilinin özellikleri ve kullanım alanlarının açıklanması; bir web sayfasının temel bileşenlerinin açıklanması; HTML dilinin temel bileşenlerinin semantik olarak kullanılması; hazırlanan bir web sayfasının CSS dili kullanılarak stillenmesi yer almaktadır.
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Konular (Teorik) | Öğretim Yöntem ve Teknikleri | Ön Hazırlık |
|---|---|---|---|
| 1 | Ders içeriğinin tanıtılması | ||
| 2 | İnternet teknolojilerinin tanıtımı | ||
| 3 | HTML'e giriş | ||
| 4 | HTML sayfalarının ana blokları | ||
| 5 | Metin etiketleri, listeler ve tablolar | ||
| 6 | Form işlemleri | ||
| 7 | HTML sayfalarına çoklu ortam elementleri eklemek (görseller, ses ve vide) | ||
| 8 | Ara sınav | ||
| 9 | CSS'e giriş | ||
| 10 | CSS ile metin işlemleri | ||
| 11 | CSS ile artalan ve kenarlık işlemleri | ||
| 12 | CSS kutu modeli | ||
| 13 | Kutu modelini kullanarak sayfa dizilimini düzenlemek | ||
| 14 | CSS ile animasyonlar ve geçişler | ||
| 15 | CSS ile uyarlanabilir tasarım | ||
| 16 | Final sınavı |
Ders Kitabı / Malzemesi / Önerilen Kaynaklar
Fahrettin Erdinç, Yeni başlayanlar için HTML5 ve CSS3, Pusula Yayıncılık ve İletişim https://www.w3schools.com/html/default.asp https://www.w3schools.com/css/default.asp
Planlanan Öğrenme Aktiviteleri ve Metodları
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 100 |
| Toplam | 100 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | Adet | Değer |
| Final Sınavı | 1 | 100 |
| Toplam | 100 | |
| Yarıyıl (Yıl) İçi Etkinlikleri | 40 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | 60 | |
Staj Durumu
Yok
İş Yükü Hesaplaması
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Ara Sınav | 1 | 1 | 1 |
| Final Sınavı | 1 | 2 | 2 |
| Derse Katılım | 14 | 2 | 28 |
| Uygulama/Pratik | 14 | 1 | 14 |
| Gözlem | 14 | 1 | 14 |
| Bireysel Çalışma | 15 | 1 | 15 |
| Ödev Problemleri için Bireysel Çalışma | 10 | 1 | 10 |
| Ara Sınav İçin Bireysel Çalışma | 1 | 10 | 10 |
| Final Sınavı içiin Bireysel Çalışma | 1 | 10 | 10 |
| Toplam İş Yükü (saat) | 104 | ||
Program ve Öğrenme Çıktıları İlişkisi
| PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | PÇ 6 | PÇ 7 | PÇ 8 | PÇ 9 | PÇ 10 | PÇ 11 | |
| ÖÇ 1 | 5 | 5 | |||||||||
| ÖÇ 2 | 5 | 5 | |||||||||
| ÖÇ 3 | 5 | 5 | |||||||||
| ÖÇ 4 | 5 | 5 | |||||||||
| ÖÇ 5 | 5 | 5 | |||||||||
| ÖÇ 6 | 5 | 5 | |||||||||
| ÖÇ 7 | 5 | 5 | |||||||||
| ÖÇ 8 | 5 | 5 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek