| Ders Adı | Kodu | Yarıyıl | T+U Saat | AKTS | |
| Web Tasarımının Temelleri | BLP107 | 1 | 3 + 1 | 5,0 |
| Birim Bölüm | BİLGİSAYAR PROGRAMCILIĞI |
| Derece Seviye | Ön Lisans - Zorunlu - Türkçe |
| Dersin Verilişi | Ders laboratuvar ortamında teorik anlatımın ardından bilgisayar başında adım adım uygulamalı olarak işlenecektir. |
| EBS Koordinatörü | Dr. Öğr. Üyesi Mehmet Süleyman YILDIRIM |
| Ders Veren | Öğr. Gör. Mehmet ESER |
| Amaç |
Web tasarım konusunda temel bilgileri öğretmek. |
| Ders İçeriği |
Web sitesi hazırlayabilmek için gerekli temel programlama bilgisinin verileceği bu derste İnternet ve özellikle de web kavramının içinde bulundurduğu teknolojiler ile bu teknolojilere teorik ve pratik yaklaşımlar incelenecektir. Öncelikle web tasarım ilkelerinden başlanarak tasarım, renk, tipografi gibi işin sanatsal altyapısı verilecek, daha sonra HTML´in doğuşu, gelişimi, kullanılan yardımcı programlar ve temel doküman yapısına değinildikten sonra HTML komutlarına giriş yapılacaktır. 5 hafta sürecek olan HTML konularından sonra HTML ile birlikte kullanılan teknolojilere geçilerek sırasıyla DHTML, CSS ve Javascript konularında temel bilgiler verilecektir. |
| Ders Kaynakları |
Ders Notları
|
| Açıldığı Öğretim Yılı | 2017 - 2018 2018 - 2019 2019 - 2020 2020 - 2021 2021 - 2022 2022 - 2023 2023-2024 2024 - 2025 |
| Yarıyıl İçi Çalışmalar | Katkı Yüzdesi (%) |
| Ara Sınav 1 | 30 |
| Uygulama 1 | 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 | 4 | 14 | 56 |
| Araştırma – yaşam boyu öğrenme, yazma, okuma, Bilişim | Sınıf Dışı Çalışma | 1 | 10 | 10 |
| Ara Sınav 1 | Ara Sınav 1 | 5 | 1 | 5 |
| Final | Final | 6 | 1 | 6 |
| Ödev (Sunum) | Ödev (Sunum) | 4 | 14 | 56 |
| Toplam İş Yükü (Saat) | 133 | |||
| AKTS = Toplam İş Yükü (Saat) / 25.5 (s) | 5,22 | |||
| AKTS | ||||
| Hafta | Konu | Öğretim Metodu |
|---|---|---|
| 1 | Web'in Tarihçesi, Kullanım Alanları Ve Yapısı | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 2 | Web Tasarımı Prensipleri Ve Tasarım Süreçleri | |
| 3 | HTML Etiketleri | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 4 | Metin Ve Görünüm Etiketleri | |
| 5 | Bağlantı (Köprü) Oluşturma | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 6 | Resimlerin Kullanımı Ve Düzenlenmesi | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 8 | Tablo İşlemleri | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 8 | Tablo İşlemleri | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 9 | Stil Şablonu(CSS) Temelleri | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 10 | Stil Şablonu(CSS) Özellikleri | |
| 11 | Stil Şablonu(CSS) Menü İşlemleri | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 12 | Dinamik HTML Ve Javascript`e Giriş | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 13 | Javascript`in Temelleri | Ders Laboratuar Öğrenci Topluluğu Faaliyetleri / Projeleri |
| 14 | Javascript`i Kullanarak Dinamik Web Sayfasının Geliştirilmesi |
| Ders Öğrenme Çıktısı | Ölçme Değerlendirme | Öğretim Metodu | Öğrenme Faaliyeti |
| Web Tasarımının Prensiplerini Bilir | |||
| Web tasarımında kullanmak üzere ihtiyaçları olan görsel, renk ve tipografiyi uygulayabilmek | |||
| Web tasarımı yapabilmek için gerekli olan temel programları, HTML ve CSS kodlama sistemlerini kullanabilmek |
DERS ÖĞRENME ÇIKTISI |
PÇ | PÇ | PÇ | PÇ | PÇ | PÇ | PÇ | PÇ | PÇ | PÇ | PÇ | PÇ |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Web Tasarımının Prensiplerini Bilir | 2 | 2 | 4 | 3 | 2 | 4 | 4 | 4 | 4 | - | - | - |
| Web tasarımında kullanmak üzere ihtiyaçları olan görsel, renk ve tipografiyi uygulayabilmek | 2 | - | - | - | 3 | - | - | - | - | 4 | - | - |
| Web tasarımı yapabilmek için gerekli olan temel programları, HTML ve CSS kodlama sistemlerini kullanabilmek | - | 2 | - | 4 | 4 | 5 | 5 | 5 | 5 | - | - | - |
