GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| DST118B.3 | Web Programlama Temelleri | Seçmeli Ders Grubu | 1 | 2 | 5,00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Türkçe
[DersinAmaci]
Bu ders ile öğrenci, HTML5, CSS3 ve Bootstrap 5 teknolojilerini kullanarak W3C standartlarına uygun, erişilebilir, responsive (mobil uyumlu) ve kullanıcı dostu web arayüzleri tasarlamayı ve geliştirmeyi öğrenecektir.
Dersi Veren Öğretim GörevlisiGörevlileri
Dr. Öğr. Üyesi Eda SAKA ŞİMŞEK
Öğrenme Çıktıları
| 1 | HTML5 semantik etiketleri ile erişilebilir ve anlamlı yapıya sahip web sayfaları tasarlayabilir. |
| 2 | CSS3 kullanarak metin, sayfa ve öğe biçimlendirmesi yapabilir; Box Model ve position kavramlarıyla sayfa düzenini yönetebilir. |
| 3 | Bootstrap 5 grid sistemi ve bileşenlerini kullanarak responsive (mobil uyumlu) web arayüzleri oluşturabilir. |
| 4 | HTML, CSS ve Bootstrap teknolojilerini bütünleştirerek modern, kullanıcı dostu web arayüzleri geliştirebilir. |
Öğrenim Türü
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
1. İnternetin evrimi ve web teknolojilerinin gelişimi, 2. Web sitesi hazırlık aşamaları ve planlama süreci, 3. HTML5 etiketleri ile sayfa yapısının oluşturulması, 4. CSS3 kullanarak biçimlendirme ve sayfa düzeni oluşturma, 5. Bootstrap 5 ile responsive (mobil uyumlu) web tasarımı, 6. W3C web standartlarına uygun, erişilebilir ve kullanıcı dostu web siteleri tasarlama.
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Teorik | Uygulama | Laboratuvar |
|---|---|---|---|
| 1 | Ders Tanıtımı ve Web Temellerine Giriş: Dersin amacı, değerlendirme sistemi, temel web kavramları (internet, web tarayıcı, istemci-sunucu yapısı), HTML ve CSS’e genel bakış | ||
| 2 | Temel HTML Etiketleri ile Metin Düzenleme | ||
| 3 | Temel HTML Etiketleri ile Görsel Ekleme, Tablo ve Liste Oluşturma | ||
| 4 | HTML’de Tablosuz Tasarım – Kutularla Çalışma (div) HTML5 Semantik Etiketler | ||
| 5 | CSS Biçimlendirme Mantığı: CSS sözdizimi, seçiciler (id, class, element), color, background, font, text-align özellikleri | ||
| 6 | Css’e Giriş | ||
| 7 | CSS Box Model ve Yerleşim Mantığı | ||
| 8 | Ara sınav | ||
| 9 | CSS Seçiciler, Pseudo-Class ve Pseudo-Elementler | ||
| 10 | CSS İleri Düzey Biçimlendirme | ||
| 11 | Bootstrap 5’e Giriş ve Kurulum | ||
| 12 | Bootstrap Grid Sistemi | ||
| 13 | Bootstrap Bileşenleri, Bootstrap Yardımcı (Utility) Sınıflar | ||
| 14 | Final Sınavı |
Ders Kitabı Malzemesi Önerilen Kaynaklar
Web Tasarım Rehberi - KODLAB
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 | 1 | 1 |
| Derse Katılım | 14 | 3 | 42 |
| Uygulama/Pratik | 14 | 1 | 14 |
| Ara Sınav İçin Bireysel Çalışma | 14 | 3 | 42 |
| Final Sınavı içiin Bireysel Çalışma | 14 | 3 | 42 |
| Toplam İş Yükü (saat) | 142 | ||
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 | PÇ 13 | PÇ 14 | PÇ 15 | PÇ 16 | |
| ÖÇ 1 | ||||||||||||||||
| ÖÇ 2 | ||||||||||||||||
| ÖÇ 3 | ||||||||||||||||
| ÖÇ 4 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek