GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| WTK-109 | WEB TASARIMININ TEMELLERİ | Seçmeli Ders Grubu | 1 | 1 | 4,00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Dersin Amacı
Öğrencilere, web teknolojilerinin temel yapı taşları olan HTML ve CSS ile web sayfaları geliştirme becerisi kazandırmak, tasarım prensiplerini öğrenmelerini sağlamak ve güncel bir framework olan Bootstrap’a giriş yaparak modern web tasarımlarını temel düzeyde uygulayabilmelerini sağlamaktır.
Dersi Veren Öğretim GörevlisiGörevlileri
Öğr. Gör. Samet ATABAŞ
Öğrenme Çıktıları
| 1 | Web tasarımının temel kavramlarını açıklar. |
| 2 | HTML etiketlerini kullanarak basit web sayfaları geliştirir. |
| 3 | CSS kullanarak sayfa düzeni ve stil tasarımı yapar. |
| 4 | Responsive tasarımın temel prensiplerini açıklar. |
Öğrenim Türü
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
İnternet ve web teknolojilerine giriş HTML temelleri: yapı, metin, linkler, görseller, tablolar, formlar CSS temelleri: seçimciler, renkler, yazı tipleri, kutu modeli, konumlandırma Basit sayfa düzeni ve stil uygulamaları Bootstrap temel bileşenleri ve grid sistemi
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Teorik | Uygulama | Laboratuvar |
|---|---|---|---|
| 1 | İnternet, web teknolojileri ve temel kavramlar | ||
| 2 | HTML temel yapı, etiketler, metin biçimlendirme | ||
| 3 | Linkler, görseller ve listeler | ||
| 4 | Tablolar ve Formlar | ||
| 5 | Formlar, HTML’de blok (block) ve satır içi (inline) elemanlar, class ve id kullanımı, sayfa yerleşimi (layout) temelleri | ||
| 6 | CSS’e giriş, seçimciler, renk ve yazı tipleri | ||
| 7 | CSS ile kutu modeli, kenarlık, dolgu, boşluk | ||
| 8 | Ara Sınav | ||
| 9 | Konumlandırma yöntemleri, float, grid ve flexbox | ||
| 10 | Gelişmiş CSS özellikleri, | ||
| 11 | Gelişmiş CSS özellikleri | ||
| 12 | Responsive tasarım mantığı ve media queries | ||
| 13 | Bootstrap'e giriş, tipografi, butonlar ve formlar | ||
| 14 | Bootstrap tasarım örnekleri |
Ders Kitabı Malzemesi Önerilen Kaynaklar
https://www.w3schools.com/Html/ https://www.w3schools.com/css/ WEB TASARIM TEMELLERİ EĞİTİM KİTABI Musa ÇİÇEK ISBN:9786054205547
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 | 60 |
| Proje Hazırlama | 1 | 40 |
| 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 | 4 | 56 |
| Proje Hazırlama | 1 | 25 | 25 |
| Ara Sınav İçin Bireysel Çalışma | 1 | 20 | 20 |
| Final Sınavı içiin Bireysel Çalışma | 1 | 20 | 20 |
| Toplam İş Yükü (saat) | 123 | ||
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 | |
| ÖÇ 1 | 5 | 2 | 1 | 5 | |||||
| ÖÇ 2 | 5 | 1 | 4 | 1 | 5 | 2 | |||
| ÖÇ 3 | 4 | 1 | 4 | 2 | 5 | ||||
| ÖÇ 4 | 5 | 1 | 4 | 3 | 5 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek