|
|||||
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 |
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 |