GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| BÖTE304AE | WEP TABANLI PROGRAMLAMA | Ders | 3 | 6 | 5,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
Dr. Öğretim Üyesi 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
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) | Uygulama | Öğ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ı
Etkinlikler ayrıntılı olarak "Değerlendirme" ve "İş Yükü Hesaplaması" bölümlerinde verilmiştir.
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 | 1 | 1 |
| Derse Katılım | 14 | 2 | 28 |
| Uygulama/Pratik | 14 | 2 | 28 |
| Bireysel Çalışma | 6 | 5 | 30 |
| Ödev Problemleri için Bireysel Çalışma | 4 | 8 | 32 |
| Ara Sınav İçin Bireysel Çalışma | 1 | 15 | 15 |
| Final Sınavı içiin Bireysel Çalışma | 1 | 15 | 15 |
| Okuma | 3 | 4 | 12 |
| Toplam İş Yükü (saat) | 162 | ||
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 | 3 | 5 | 5 | ||||||||
| ÖÇ 2 | 4 | 4 | 5 | 5 | |||||||
| ÖÇ 3 | 5 | 5 | 5 | ||||||||
| ÖÇ 4 | 3 | 5 | 5 | ||||||||
| ÖÇ 5 | 5 | 5 | 5 | ||||||||
| ÖÇ 6 | 5 | 5 | 5 | ||||||||
| ÖÇ 7 | 5 | 5 | 5 | ||||||||
| ÖÇ 8 | 5 | 5 | 5 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek