|
|||||
| Sınıf/Yarıyıl | 1 / Güz | ||||
| Ders Düzeyi | Önlisans | ||||
| Ders Türü | Zorunlu | ||||
| Bölümü | BİLGİSAYAR PROGRAMCILIĞI | ||||
| Ön Koşul Dersleri | Yok | ||||
| Öğretim Sistemi | Örgün | ||||
| Ders Süresi | 14 Hafta | ||||
| Öğretim Elemanı | CEREN BAŞTEMUR KAYA (ceren@nevsehir.edu.tr) | ||||
| Diğer Öğretim Elemanı/Elemanları |
KADİR ABA, KADİR HALTAŞ, MEHMET KIRTAY, FETHULLAH MUSTAFA AKALP, | ||||
| Öğretim Dili | Türkçe | ||||
| Sınıf Dışı Uygulama/Staj | Yok | ||||
| Dersin Amacı | |||||
| Bu dersin amacı, temel HTML ve CSS kodları ile web sayfaları oluşturma ve web sayfalarında çıkabilecek sorunları analiz etme yeterliklerini kazandırmaktır. | |||||
| Ders Öğrenme Çıktıları (DÖÇ) | PÇ | ODY | |
| Bu dersi başarı ile tamamlayan öğrenciler: | |||
| DÖÇ-1 | Web sayfalarında çıkabilecek sorunları analiz ederek çözebilir |
PÇ-1 Mesleği ile ilgili temel, güncel ve uygulamalı bilgilere sahip olur PÇ-3 Mesleği için güncel gelişmeleri ve uygulamaları takip eder, etkin şekilde kullanır PÇ-4 Mesleği ile ilgili bilişim teknolojilerini (yazılım, program, animasyon vb.) etkin kullanır PÇ-5 Mesleki problemleri ve konuları bağımsız olarak analitik ve eleştirel bir yaklaşımla değerlendirme ve çözüm önerisini sunabilme becerisine sahiptir PÇ-12 Web programlama teknolojilerini açıklar ve uygular PÇ-14 Yazılımları test eder ve hataları giderir |
Yazılı Sınav |
| DÖÇ-2 | Web sayfasının sahip olduğu özellikleri tanımlayabilir |
PÇ-1 Mesleği ile ilgili temel, güncel ve uygulamalı bilgilere sahip olur PÇ-3 Mesleği için güncel gelişmeleri ve uygulamaları takip eder, etkin şekilde kullanır PÇ-4 Mesleği ile ilgili bilişim teknolojilerini (yazılım, program, animasyon vb.) etkin kullanır PÇ-12 Web programlama teknolojilerini açıklar ve uygular |
Yazılı Sınav |
| DÖÇ-3 | HTML ile web sayfası tasarlayarak temel içerik düzenlemelerini gerçekleştirebilir. |
PÇ-1 Mesleği ile ilgili temel, güncel ve uygulamalı bilgilere sahip olur PÇ-3 Mesleği için güncel gelişmeleri ve uygulamaları takip eder, etkin şekilde kullanır PÇ-4 Mesleği ile ilgili bilişim teknolojilerini (yazılım, program, animasyon vb.) etkin kullanır PÇ-12 Web programlama teknolojilerini açıklar ve uygular |
Yazılı Sınav |
| DÖÇ-4 | CSS kullanarak web sayfası geliştirebilir |
PÇ-1 Mesleği ile ilgili temel, güncel ve uygulamalı bilgilere sahip olur PÇ-3 Mesleği için güncel gelişmeleri ve uygulamaları takip eder, etkin şekilde kullanır PÇ-4 Mesleği ile ilgili bilişim teknolojilerini (yazılım, program, animasyon vb.) etkin kullanır PÇ-12 Web programlama teknolojilerini açıklar ve uygular PÇ-14 Yazılımları test eder ve hataları giderir |
Yazılı Sınav |
| PÇ: Bölüm program çıktıları ÖDY: Ölçme ve değerlendirme yöntemi |
|||
| Dersin İçeriği | ||
| 1. Html kodları ile WEB sayfaları için temel işlemler yapmak 2. Html kodları ile WEB sayfaları için gelişmiş özellikler oluşturmak 3. Stil şablonu (CSS) yapılandırmasını gerçekleştirmek | ||
| Haftalık Detaylı Ders İçeriği | ||
| Hafta | Detaylı İçerik | Öğretim Yöntem ve Teknikleri |
| 1 | İnternet ve WEB Tanımları Html Temel Etiketleri | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 2 | Html Temel Etiketleri Metin ve Görünüm Etiketleri | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 3 | Metin ve Görünüm Etiketleri | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 4 | Metin ve Görünüm Etiketleri Bağlantı (Köprü) Oluşturma | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 5 | Bağlantı (Köprü) Oluşturma Tablo İşlemleri | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 6 | Tablo İşlemleri | Anlatma Yöntemi, Gösterip yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 7 | Formlar | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 8 | Ara Sınav | |
| 9 | Çerçeveler | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 10 | Çerçeveler Şablon Oluşturma | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 11 | Şablon Oluşturma | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 12 | Etkileşimli Ögeler | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 13 | Stil Şablonu(CSS) | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 14 | Stil Şablonu(CSS) Menü İşlemleri | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 15 | Stil Şablonu(CSS) Menü İşlemleri | Anlatma Yöntemi, Gösterip Yaptırma Yöntemi, Problem Çözme Yöntemi, Soru Cevap, Bireysel Çalışma Yöntemi |
| 16 | Final Sınavı | |
| Ders Kitabı / Yardımcı Kitap | ||
| 1 | https://www.btkakademi.gov.tr/portal/course/css-temelleri-20447 | |
| 2 | https://www.btkakademi.gov.tr/portal/course/html5-ile-web-gelistirme-13200 | |
| 3 | https://www.btkakademi.gov.tr/portal/course/web-sitesi-kullanilabilirligi-16027 | |
| 4 | https://www.w3schools.com/html/default.asp | |
| 5 | https://www.w3schools.com/css/default.asp | |
| 6 | Duckett, J. (2019). HTML ve CSS Web Siteleri Tasarlamak ve Oluşturmak. Nobel Yaşam. | |
| 7 | Erdinç, F. (2021). Html5 & Css3. Pusula | |
| Ders Araç - Gereç ve Malzemeleri | ||
| Projeksiyon, bilgisayar, yardımcı kaynak | ||
| Ölçme Yöntemi | |||
| Yöntem | Hafta | Süre (Saat) | Katkı(%) |
| Ara Sınav | 8 | 1 | 40 |
| Diğer Ölçme Yöntemleri | |||
| 1.Sözlü Sınav | |||
| 2.Kısa Sınav (Quiz) | |||
| 3.Laboratuvar Sınavı | |||
| 4.Sunum | |||
| 5.Rapor | |||
| 6.Seminer | |||
| 7.Performans Ödevi | |||
| 8.Dönem Ödevi | |||
| 9.Proje | |||
| Final Sınavı | 16 | 1 | 60 |
| Öğrenci İş Yükü | |||
| İşlem Adı | Haftalık Saat | Sayı | İş Yükü |
| Haftalık Ders Saati (Teorik+Uygulama) | 2 | 14 | 28 |
| Sınıf Dışı Çalışma | |||
| a) Okuma | 1 | 6 | 6 |
| b) İnternette/Kütüphanede Tarama | 3 | 14 | 42 |
| c) Performans Ödevi | 0 | ||
| d) Seminer/Sunum/Rapor Hazırlama | 0 | ||
| e) Dönem Ödevi/Proje Hazırlama | 0 | ||
| Sözlü Sınav | 0 | ||
| Kısa Sınav (Quiz) | 0 | ||
| Laboratuvar Sınavı | 0 | ||
| Ara Sınav İçin Hazırlık | 2 | 7 | 14 |
| Ara Sınav | 1 | 1 | 1 |
| Final Sınavı İçin Hazırlık | 2 | 14 | 28 |
| Final Sınavı | 1 | 1 | 1 |
| 0 | |||
| 0 | |||
| Toplam İş Yükü | 120 | ||