1. Meslek Dersleri
  2. Bilişim Teknolojileri
  3. Web Tabanli Uygulama Geli̇şti̇rme(Yeni*)-11
Web Tabanli Uygulama Geli̇şti̇rme(Yeni*)-11
Düzenle
PDF İndir Word İndir
Ders Tarihi Saati
08-12 Aralık 8
Ünite/Tema/Öğrenme Alanı

Basamaklı Stil Şablonu (CSS)
Konu (İçerik Çerçevesi)
4. Duyarlılık (Responsivity)
Öğrenme Çıktısı (Kazanımlar)
Duyarlılık (Responsivity) kavramının önemini açıklar.
Süreç Bileşenleri(Kazanım Maddeleri)
• Duyarlılık kavramı açıklanır. • Farklı ortamlar için medya sorguları (media query) oluşturulur. • Popüler frameworkler listelenir.(Bootstrap, UI Kit, Materialize, vd.) • CSS frameworkleri açıklanır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Tüm HTML elemanlarına görünüm stilleri uygulamak.
2. Sayfayı sütunlara bölmek.
3. Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.
Etkinlik
→ Mevlana Haftası, İnsan Hakları ve Demokrasi Haftası
Ders Tarihi Saati
01-05 Aralık 8
Ünite/Tema/Öğrenme Alanı

Basamaklı Stil Şablonu (CSS)
Konu (İçerik Çerçevesi)
4. Duyarlılık (Responsivity)
Öğrenme Çıktısı (Kazanımlar)
Duyarlılık (Responsivity) kavramının önemini açıklar.
Süreç Bileşenleri(Kazanım Maddeleri)
• Duyarlılık kavramı açıklanır. • Farklı ortamlar için medya sorguları (media query) oluşturulur. • Popüler frameworkler listelenir.(Bootstrap, UI Kit, Materialize, vd.) • CSS frameworkleri açıklanır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Tüm HTML elemanlarına görünüm stilleri uygulamak.
2. Sayfayı sütunlara bölmek.
3. Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.
Etkinlik
→ Dünya Engelliler Günü, Dünya Madenciler Günü, Türk Kadınına Seçme ve Seçilme Hakkının Verilişi
Ders Tarihi Saati
24-28 Kasım 8
Ünite/Tema/Öğrenme Alanı

Basamaklı Stil Şablonu (CSS)
Konu (İçerik Çerçevesi)
3. Renk kullanımı ve Tipografi
Öğrenme Çıktısı (Kazanımlar)
RGB (Red, Green, Blue / Kırmızı, Yeşil, Mavi) değerleri ile renk tanımı yapar.
Süreç Bileşenleri(Kazanım Maddeleri)
• Web sayfasında kullanılacak renk tanımlamasını yaptırır. • Tipografi özellikleri açıklanır. • Tipografi kullanımı açıklanır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Tüm HTML elemanlarına görünüm stilleri uygulamak.
2. Sayfayı sütunlara bölmek.
3. Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.
Etkinlik
→ Ağız ve Diş Sağlığı Haftası, Öğretmenler Günü
Ders Tarihi Saati
17-21 Kasım 8
Ünite/Tema/Öğrenme Alanı

Basamaklı Stil Şablonu (CSS)
Konu (İçerik Çerçevesi)
2. Kutu Modeli Özellikleri ve Çalışma Prensipleri
Öğrenme Çıktısı (Kazanımlar)
Kutu modeli özelliklerini açıklar.
Süreç Bileşenleri(Kazanım Maddeleri)
• Kutu modeli özellikleri ve çalışma prensipleri açıklanır. • Görünüm ve pozisyon ayarlarının nasıl yapıldığı açıklanır. • Görünüm ve pozisyon ayarları yaptırılır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Tüm HTML elemanlarına görünüm stilleri uygulamak.
2. Sayfayı sütunlara bölmek.
3. Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.
Etkinlik
→ Dünya Felsefe Günü, Dünya Çocuk Hakları Günü
Ders Tarihi Saati
10-14 Kasım 8
Ünite/Tema/Öğrenme Alanı
  1. Dönem Ara Tatili
Konu (İçerik Çerçevesi)
1. Dönem Ara Tatili
Öğrenme Çıktısı (Kazanımlar)
1. Dönem Ara Tatili
Süreç Bileşenleri(Kazanım Maddeleri)
Ortam ve Donanım
Öğretim Teknikleri
Ölçme
Temrin Listesi
Etkinlik
→ Atatürk Haftası, Afet Eğitimi Hazırlık Günü, Dünya Diyabet Günü
Ders Tarihi Saati
03-07 Kasım 8
Ünite/Tema/Öğrenme Alanı

Basamaklı Stil Şablonu (CSS)
Konu (İçerik Çerçevesi)
1. CSS Ekleme Yönemleri
Öğrenme Çıktısı (Kazanımlar)
1. Dönem 1. Sınav
Stil uygulanacak olan elemanların seçimini yapar.
Süreç Bileşenleri(Kazanım Maddeleri)
• Stil uygulanacak elemanların seçiminin nasıl yapılacağı açıklanır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Tüm HTML elemanlarına görünüm stilleri uygulamak.
2. Sayfayı sütunlara bölmek.
3. Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.
Etkinlik
→ Kızılay Haftası, Organ Bağışı ve Nakli Haftası, Lösemili Çocuklar Haftası
Ders Tarihi Saati
27-31 Ekim 8
Ünite/Tema/Öğrenme Alanı

HTML5
Konu (İçerik Çerçevesi)
7. Form elemanları
Öğrenme Çıktısı (Kazanımlar)
Form elemanlarının özelliklerini gösteren HTML5 kodunu uygular.
Süreç Bileşenleri(Kazanım Maddeleri)
• Formların yapısı açıklanır. • Form nesnelerinin görevleri açıklanır. • Form elemanları özellikleri ve çalışma prensipleri açıklanır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. HTML5 belge yapısını kullanarak sayfa hazırlamak.
2. H1-H6 elemanlarının sayfa içerisinde yerleşimini yapmak.
3. Paragraflar ve metin biçimlendirme elemanlarını web sayfasında kullanmak.
4. Sayfa görünümünü tasarlamak.
5. Resim
video ve ses elemanlarını sayfada kullanmak.
6. Site içi ve site dışı bağlantıları yapmak.
7. Kütüphane takip sisteminde kullanılacak kitap listesi için tablo hazırlamak.
8. Kütüphane takip sisteminde kullanılacak yeni kitap kaydı için form oluşturmak.
Etkinlik
→ Cumhuriyet Bayramı
 Yıllık Planı İndir
  Yıllık Planı Düzenle
PDF İndir Word İndir