GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| BT116.1B3 | Web Tasarımının 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
Öğr. Gör. Eda SAKA ŞİMŞEK
Öğrenme Çıktıları
| 1 | İnternet mimarisini, protokolleri (HTTP, TCP/IP, FTP) ve istemci-sunucu ilişkisini tanımlayarak web'in çalışma mantığını açıklayabilir. |
| 2 | İşaretleme dilleri standartlarını kullanarak; anlamsal (semantik) ve erişilebilirlik ilkelerine uygun web doküman yapıları kurgulayabilir. |
| 3 | Stil şablonları aracılığıyla görsel hiyerarşi oluşturabilir; kutu modeli (Box Model) ve gelişmiş konumlandırma teknikleriyle karmaşık sayfa düzenlerini yönetebilir. |
| 4 | Modern yerleşim teknikleri (Grid, Flexbox) ve medya sorgularını kullanarak, farklı cihaz boyutlarına uyumlu (responsive) kullanıcı arayüzleri geliştirebilir. |
| 5 | Güncel web teknolojilerini ve arayüz kütüphanelerini kullanarak; standartlara uygun, işlevsel ve özgün web sitesi tasarımları 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 | |
| ÖÇ 1 | ||||||||||||||
| ÖÇ 2 | ||||||||||||||
| ÖÇ 3 | ||||||||||||||
| ÖÇ 4 | ||||||||||||||
| ÖÇ 5 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek