TÜRKÇE
ENGLISH
Genel Bilgi
| Kod | SD0574 |
| Ad | Yeni başlayanlar için web tasarımı (HTML5, CSS3, JS) |
| Dönem | 2023-2024 Eğitim-Öğretim Yılı |
| Süre (T+U) | 2-0 (T-U) (17 Hafta) |
| AKTS | 3 AKTS |
| Yerel Kredi | 2 Yerel Kredi |
| Eğitim Dil | Türkçe |
| Seviye | Üniversite Dersi |
| Öğretim Şekli | Yüz Yüze Öğretim |
| Bilgi Paketi Koordinatörü | Öğr. Gör.Dr. YOLDAŞ ERDOĞAN |
Dersin Amacı / Hedefi
Bu dersin amacı, öğrencilere HTML, CSS ve JavaScript kullanarak duyarlı Web sayfası yapımını öğretmek, ticari veya kişisel bir web sayfasının sunuma hazır hale gelmesi yolunda yapılması gerekenleri kavramalarını sağlamaktır.
Dersin İçeriği
İnternet ve web tanımları , Html temel etiketleri, metin ve görünüm etiketleri, bağlantı (köprü) oluşturma, tablo işlemleri, formlar, çerçeveler, çoklu ortam araçları, stil şablonu(Css) temelleri, stil şablonu özellikleri, Java Script kullanımı.
Dersin Ön Koşulu
Kaynaklar
Derste anlatılan slaytlar. https://developer.mozilla.org/en-US/docs/Learn/HTML
Notlar
Derste verilecektir
Dersin Öğrenme Çıktıları
| Sıra | Dersin Öğrenme Çıktıları |
|---|---|
| ÖÇ01 | Yaptığı siteyi yayınlayabilecektir. |
| ÖÇ02 | Günün gerekleriyle uyumlu bir web sitesi oluşturabilir. |
| ÖÇ03 | Yaratıcı web sitelerini oluşturmak için gereken tasarım prensipleri, teknikleri ve teknolojilerini uygulayabilecek yetenek ve bilgiye sahiptir |
| ÖÇ04 | Bir HTML dosyası kaynak kodlarını yorumlayabilir ve yeniden yazabilir. |
Haftalık Akış
| Hafta | Konu | Ön Hazırlık | Yöntemler |
|---|---|---|---|
| 1 | internet teknolojileri hakkında gerekli temel bilgileri | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 2 | Bir web sitesi nasıl çalışır? | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 3 | HTML'in yapısı ve çalışma mantığı | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 4 | HTML ile sayfa yapılandırma | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 5 | HTML etiketleri | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 6 | Yazı, Tablo, Renk, Form, Çerçeve, Köprü, Banner kullanımı | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 7 | CSS yapısı ve programlama | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 8 | Ara Sınavlar | Ders notlarının okunması ve uygulamaların yapılması | Ölçme Yöntemleri: Yazılı Sınav |
| 9 | CSS ile sayfa yapılandırma | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 10 | HTML kutular ve CSS | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 11 | Duyarlı Web Sayfası mantığı | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 12 | Örnekler | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 13 | JavaScript nedir? | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 14 | Web sayfasında javascript kullanımı | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 15 | Web Sayfasını Yayınlama | Ders notlarının okunması ve uygulamaların yapılması | Öğretim Yöntemleri: Anlatım |
| 16 | Yarıyıl Sonu Sınavları | Ders notlarının okunması ve uygulamaların yapılması | Ölçme Yöntemleri: Yazılı Sınav |
| 17 | Yarıyıl Sonu Sınavları |
Öğrenci İş Yükü - AKTS
| Çalışmalar | Sayısı | Süresi (Saat) | İş Yükü (Saat) |
|---|---|---|---|
| Ders ile İlgili Çalışmalar | |||
| Ders (Sınav haftaları dahil değildir) | 14 | 2 | 28 |
| Sınıf Dışı Ders Çalışma (Ön çalışma, pekiştirme) | 14 | 2 | 28 |
| Değerlendirmeler ile İlgili Çalışmalar | |||
| Ödev, Proje, Diğer | 1 | 12 | 12 |
| Ara Sınavlar (Yazılı, Sözlü, vs.) | 1 | 4 | 4 |
| Yarıyıl/Yıl Sonu/Final Sınavı | 1 | 4 | 4 |
| Toplam İş Yükü (Saat) | 76 | ||
| Toplam İş Yükü / 25 (s) | 3,04 | ||
| AKTS | 3 AKTS | ||