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ı |
| Dönem | Güz ve Bahar |
| 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 |
| Etiket | ADS Alan Dışı Seçmeli Dersler (Üniversite) ÜOD Üniversite Ortak Ders |
| Öğretim Şekli | Yüz Yüze Öğretim |
| Bilgi Paketi Koordinatörü | Öğr. Gör.Dr. YOLDAŞ ERDOĞAN |
| Dersin Öğretim Elemanı |
Öğr. Gör.Dr. YOLDAŞ ERDOĞAN
(A Grubu)
(Sor. Öğr. Ele.)
Öğr. Gör.Dr. YOLDAŞ ERDOĞAN (A Grubu) (Sor. Öğr. Ele.) |
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ı | |
| 2 | Bir web sitesi nasıl çalışır? | Ders notlarının okunması ve uygulamaların yapılması | |
| 3 | HTML'in yapısı ve çalışma mantığı | Ders notlarının okunması ve uygulamaların yapılması | |
| 4 | HTML ile sayfa yapılandırma | Ders notlarının okunması ve uygulamaların yapılması | |
| 5 | HTML etiketleri | Ders notlarının okunması ve uygulamaların yapılması | |
| 6 | Yazı, Tablo, Renk, Form, Çerçeve, Köprü, Banner kullanımı | Ders notlarının okunması ve uygulamaların yapılması | |
| 7 | CSS yapısı ve programlama | Ders notlarının okunması ve uygulamaların yapılması | |
| 8 | Ara Sınavlar | Ders notlarının okunması ve uygulamaların yapılması | |
| 9 | CSS ile sayfa yapılandırma | Ders notlarının okunması ve uygulamaların yapılması | |
| 10 | HTML kutular ve CSS | Ders notlarının okunması ve uygulamaların yapılması | |
| 11 | Duyarlı Web Sayfası mantığı | Ders notlarının okunması ve uygulamaların yapılması | |
| 12 | Örnekler | Ders notlarının okunması ve uygulamaların yapılması | |
| 13 | JavaScript nedir? | Ders notlarının okunması ve uygulamaların yapılması | |
| 14 | Web sayfasında javascript kullanımı | Ders notlarının okunması ve uygulamaların yapılması | |
| 15 | Web Sayfasını Yayınlama | Ders notlarının okunması ve uygulamaların yapılması | |
| 16 | Yarıyıl Sonu Sınavları | Ders notlarının okunması ve uygulamaların yapılması | |
| 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 | ||