GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS | Kredi |
|---|---|---|---|---|---|---|
| OWTK107 | Web Tasarım I | Ders | 1 | 1 | 3.00 | 3.00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Türkçe
Dersin Amacı
Bu dersin amacı, öğrencilere temel web tasarımı ilkelerini öğretmek, HTML, CSS ve temel düzeyde JavaScript kullanarak statik web sayfaları geliştirme becerisi kazandırmaktır.
Dersi Veren Öğretim GörevlisiGörevlileri
Öğr.Gör. Nebiye GEDİK
Öğrenme Çıktıları
| 1 | Bu dersin sonunda öğrenci, HTML ve CSS kullanarak basit yapıda bir web sayfası tasarlar ve uygular. |
| 2 | Bu dersin sonunda öğrenci, CSS kurallarını kullanarak bir web sayfasının stil özelliklerini uygular. |
| 3 | Bu dersin sonunda öğrenci, Bootstrap kullanarak temel düzeyde bir web sayfası tasarlar. |
| 4 | Bu dersin sonunda öğrenci, CSS’te position ve flexbox özelliklerini kullanarak web sayfası içerisindeki öğeleri doğru şekilde konumlandırabilir. |
| 5 | Bu dersin sonunda öğrenci, HTML ve CSS kullanarak basit yapıda bir web sitesi oluşturur. |
Öğrenim Türü
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Ön koşul bulunmamaktadır.
Ders İçin Önerilen Diğer Hususlar
Yoktur
Dersin İçeriği
HTML temel etiketleri, Metin, bağlantı, resim ve liste etiketleri, Tablo ve form etiketleri, CSS'e giriş ve temel kavramlar, CSS ile metin ve kutu modelinin düzenlenmesi, Responsive tasarım kavramı, Temel düzeyde JavaScript'e giriş,JavaScript ile etkileşimli öğeler.
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Teorik | [OgretimYontemVeTeknikleri] | [OnHazirlik] |
|---|---|---|---|
| 1 | Html’in Temelleri: Html yapısı, Başlıklar, Biçimlendirme etiketi, Bağlantılar, Semantik etiketler | ||
| 2 | Html’in temelleri: Listeler, Tablolar, Formlar | ||
| 3 | HTML etiketlerine yönelik bütüncül bir uygulama çalışması yapılarak konular pekiştirildi. | ||
| 4 | Css giriş ve temel kavramlar | ||
| 5 | CSS ile metin ve kutu modelinin düzenlenmesi | ||
| 6 | CSS Position özelliği ve z-index yapısı anlatıldı ve uygulamalı çalışmalar yapıldı. | ||
| 7 | Uygulama Projesi & Değerlendirme | ||
| 8 | Ara sınav | ||
| 9 | Css Flexbox | ||
| 10 | Flexbox kullanılarak web tasarım uygulaması yapıldı. | ||
| 11 | Bootstrap Giriş | ||
| 12 | Bootstrap’in temel bileşenleri | ||
| 13 | Bootstrap ile menüler, butonlar, kartlar, modallar | ||
| 14 | Proje sunumları ve genel değerlendirme | ||
| 15 | Final sınavı |
Ders Kitabı Malzemesi Önerilen Kaynaklar
Internet&World Wide Web How to Program, Fifth Edition, Paul Deitel, Harvey Deitel, Abbey Deitel, Prentice Hall, 2011. WEB TASARIM TEMELLERİ EĞİTİM KİTABI, Musa ÇİÇEK, KODLAB W3Schools (https://www.w3schools.com)
Planlanan Öğrenme Aktiviteleri ve Metodları
Yoktur
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 75 |
| Proje Hazırlama | 1 | 25 |
| 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
İş 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 |
| Laboratuvar | 1 | 20 | 20 |
| Ödev Problemleri için Bireysel Çalışma | 1 | 10 | 10 |
| Ara Sınav İçin Bireysel Çalışma | 1 | 21 | 21 |
| Final Sınavı içiin Bireysel Çalışma | 1 | 24 | 24 |
| Toplam İş Yükü (saat) | 77 | ||
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 | PÇ 12 | |
| ÖÇ 1 | 2 | 3 | 4 | 3 | 3 | 5 | 4 | 5 | 3 | 4 | 5 | 1 |
| ÖÇ 2 | 2 | 3 | 4 | 3 | 3 | 5 | 3 | 5 | 3 | 4 | 5 | 1 |
| ÖÇ 3 | 2 | 3 | 4 | 3 | 3 | 5 | 3 | 5 | 3 | 4 | 5 | 1 |
| ÖÇ 4 | 2 | 3 | 4 | 3 | 3 | 4 | 3 | 5 | 3 | 4 | 5 | 1 |
| ÖÇ 5 | 2 | 3 | 4 | 3 | 3 | 5 | 3 | 5 | 3 | 4 | 5 | 1 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek