| Ders Adı | Kodu | Yarıyıl | T+U Saat | AKTS | |
| Web Tasarımı Temelleri | TOS138 | 2 | 2 + 0 | 3,0 |
| Birim Bölüm | SOSYAL HİZMET |
| Derece Seviye | Lisans - Seçmeli - Türkçe |
| Dersin Verilişi | Ders Yüz yüze verilmektedir. |
| EBS Koordinatörü | Dr. Öğr. Üyesi Gül KARAHAN ÇOBAN |
| Ders Veren | Öğr. Gör. Dr. Cem MORKOÇ |
| Amaç |
Bu dersin amacı, öğrencilerin web tasarım temelleri hakkında bilgi-beceri sahibi olmalarını sağlamaktır. |
| Ders İçeriği |
Ders kapsamında öğrenciler temel düzeyde bir web sayfasının farklı yazılım ve şablonlar ile hazırlanması ve kullanılabilir hale getirilmesi için gerekli bilgilere sahip olmaktadır. |
| Ders Kaynakları |
Ceylan, T. B. (2023). Yeni Başlayanlar için Web Tasarımı. İstanbul: Kodlab .
Kıral, B. (2019). Web Programlamanın Temelleri. Ankara: Gece Akademi. |
| Açıldığı Öğretim Yılı | 2022 - 2023 2023-2024 |
| Yarıyıl İçi Çalışmalar | Katkı Yüzdesi (%) |
| Ara Sınav 1 | 30 |
| Ödev (Sunum) | 20 |
| Toplam | 50 |
| Yarıyıl Sonu Çalışmalar | Katkı Yüzdesi (%) |
| Final | %50 |
| Toplam | %50 |
| Yarıyıl İçinin Başarıya Oranı | %50 |
| Yarıyıl Sonu Çalışmalar | %50 |
| Toplam | %100 |
| Kategori | Ders İlişki Yüzdeleri (%) |
|
Aktarılabilir Beceri Dersleri
|
0
|
|
Beşeri, İletişim ve Yönetim Becerileri Dersleri
|
0
|
|
Destek Dersleri
|
0
|
|
Ek Dersler
|
0
|
|
Kategori
|
0
|
|
Mesleki Seçmeli Dersler
|
0
|
|
Temel Meslek Dersleri
|
0
|
|
Uygulama Dersleri
|
0
|
|
Uzmanlık / Alan Dersleri
|
0
|
| Ders İş Yükü | Öğretim Metotlar / Öğretim Metodu | Süresi (Saat) | Sayısı | Toplam İş Yükü (Saat) |
| Dinleme ve anlamlandırma | Ders | 2 | 14 | 28 |
| Araştırma – yaşam boyu öğrenme, yazma, okuma, Bilişim | Sınıf Dışı Çalışma | 1 | 7 | 7 |
| Dinleme ve anlamlandırma, gözlem/durumları işleme, Bilişim becerileri | Benzetim | 1 | 7 | 7 |
| Ara Sınav 1 | Ara Sınav 1 | 5 | 1 | 5 |
| Final | Final | 10 | 1 | 10 |
| Ödev 1 | Ödev 1 | 10 | 1 | 10 |
| Ödev (Sunum) | Ödev (Sunum) | 5 | 1 | 5 |
| Toplam İş Yükü (Saat) | 72 | |||
| AKTS = Toplam İş Yükü (Saat) / 25.5 (s) | 2,82 | |||
| AKTS | ||||
| Hafta | Konu | Öğretim Metodu |
|---|---|---|
| 1 | Web tasarımı temel kavramları | Ders Gösterim |
| 2 | Web sayfası-sitesi mimarisi: Web tasarım ilkeleri | Ders Gösterim |
| 3 | Web tasarım tarayıcıları, Web geliştirme yardımcı araçları | Ders Gösterim |
| 4 | HTML’nin yapısı ve programlama | Ders Gösterim |
| 5 | HTML ile sayfa yapılandırma | Ders Gösterim |
| 6 | HTML etiketleri | Ders Gösterim |
| 7 | Yazı, Tablo, Renk, Form, Çerçeve, Köprü, Banner kullanımı | Ders Gösterim |
| 8 | CSS yapısı ve programlama | Ders Gösterim |
| 9 | Css programlama | Ders Gösterim |
| 10 | CSS ile sayfa yapılandırma | Ders Gösterim |
| 11 | Editör programları tanıtım ve Microsoft Expression 4 kullanımı | Ders Gösterim |
| 12 | Web page maker programı ile site oluşturma | Ders Gösterim |
| 13 | Hazır Web şablonlarının kullanımı | Ders Gösterim |
| 14 | Web Sayfasını Yayınlama; dosya Transfer Protokolü ve güncelleme | Ders Gösterim |
| Ders Öğrenme Çıktısı | Ölçme Değerlendirme | Öğretim Metodu | Öğrenme Faaliyeti |
| Öğrenci HTML programlama dilini kullanabilir. | Yazılı Sınav Ödev / Proje | Ders Gösterim | Dinleme ve anlamlandırma Dinleme ve anlamlandırma, gözlem/durumları işleme |
| Öğrenci Web tasarım programlarını kullanabilir. | Yazılı Sınav Ödev / Proje | Ders Gösterim | Dinleme ve anlamlandırma Dinleme ve anlamlandırma, gözlem/durumları işleme |
| Öğrenci yaptığı siteyi yayınlayabilir. | Yazılı Sınav Ödev / Proje | Ders Gösterim | Dinleme ve anlamlandırma Dinleme ve anlamlandırma, gözlem/durumları işleme |
| Öğrenci hazırladığı web sitesi üzerinde değişiklik yapabilir. | Yazılı Sınav Ödev / Proje | Ders Gösterim | Dinleme ve anlamlandırma Dinleme ve anlamlandırma, gözlem/durumları işleme |
DERS ÖĞRENME ÇIKTISI |
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 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Öğrenci HTML programlama dilini kullanabilir. | 1 | 1 | 1 | 1 | 1 | 2 | 1 | 2 | 1 | 1 | 1 | 1 | 3 | 3 | 3 | 1 |
| Öğrenci Web tasarım programlarını kullanabilir. | 1 | 1 | 1 | 1 | 1 | 2 | 1 | 2 | 1 | 1 | 1 | 1 | 3 | 3 | 3 | 1 |
| Öğrenci yaptığı siteyi yayınlayabilir. | 1 | 1 | 2 | 2 | 1 | 3 | 2 | 3 | 1 | 1 | 2 | 2 | 3 | 3 | 3 | 2 |
| Öğrenci hazırladığı web sitesi üzerinde değişiklik yapabilir. | 1 | 1 | 1 | 1 | 1 | 3 | 1 | 2 | 1 | 1 | 1 | 2 | 3 | 3 | 3 | 2 |
