Web Tabanlı Uygulama Yıllık Plan

T.C. MİLLİ EĞİTİM BAKANLIĞI
.......... OKUL SEÇ ..........
2026-2027 EĞİTİM ÖĞRETİM YILI 11. SINIF WEB TABANLI UYGULAMA DERSİ DERS PLANI

Öğretmen Adı

Ders Öğretmeni

Müdür Adı

Okul Müdürü

Hafta 8 / 37
2026-2027 günlük plan ana yapı tablosu — 37 hafta
HaftaTarihSaatTema / ÜniteÜnite / TemaKonuÖğrenme Çıktısı KodlarıKazanım KodlarıÖğrenme KanıtlarıÖlçme-DeğerlendirmeBölüm / Durum
#14-18 Eylül3Temel KavramlarTemel KavramlarWeb Sayfası yayınlama ile ilgili temel kavramları açıklar.Yazılı Sınav, Performans GöreviDolu
#21-25 Eylül3Temel KavramlarTemel KavramlarWeb yazılımcısı rollerini açıklar.Yazılı Sınav, Performans GöreviDolu
#28 Eylül - 2 Ekim3Temel KavramlarTemel Kavramlarİşaretleme Dili(HTML) kodlarının kullanılabileceği editörlere örnek verir.Yazılı Sınav, Performans GöreviDolu
#5-9 Ekim3Temel KavramlarTemel KavramlarBasamaklı stil şablonu (CSS – Cascaded Style Sheet) kavramını açıklar.Yazılı Sınav, Performans GöreviDolu
#12-16 Ekim3Temel KavramlarTemel KavramlarWYSIWYG (What you see is what you get) editör kullanımını açıklar.Yazılı Sınav, Performans GöreviDolu
#19-23 Ekim3Temel KavramlarTemel KavramlarWeb Tasarım İlkelerini açıklar.Yazılı Sınav, Performans GöreviDolu
#26-30 Ekim3Temel KavramlarTemel KavramlarWeb Tasarım İlkelerini açıklar.Yazılı Sınav, Performans GöreviDolu
#2-6 Kasım3Temel KavramlarTemel KavramlarWeb Tasarım İlkelerini açıklar.Yazılı Sınav, Performans GöreviDolu

8. Hafta — 2-6 Kasım — Tema: Temel Kavramlar Dolu

Ders
Web Tabanlı Uygulama
Sınıf
11. Sınıf
Tema / Ünite
Temel Kavramlar
Konu
Temel Kavramlar
Süre
3 ders saati (120 dk)
Tarih
2-6 Kasım
Hafta
8. Hafta
Belirli Gün ve Haftalar
Kızılay Haftası (29 Ekim-4 Kasım), Lösemili Çocuklar Haftası (2-8 Kasım), Organ Bağışı ve Nakli Haftası (3-9 Kasım)

Öğrenme Çıktıları ve Süreç Bileşenleri MEB

Web Tasarım İlkelerini açıklar.
Etkili ve kullanıcı dostu web tasarımı ilkeleri detaylıca açıklanır.

Tema Özeti DPO

TEMEL KAVRAMLAR ünitesinin 8. haftası.

Programlar Arası Bileşenler Boş

Öğrenme Kanıtları (Ölçme ve Değerlendirme) DPO

  • Yazılı Sınav
  • Performans Görevi
  • Öz Değerlendirme Formu

Temel Kabuller DPO

Önceki haftaların çıktıları (Temel Kavramlar) edinilmiş kabul edilir.

Ön Değerlendirme Süreci DPO

Önceki haftanın çıktıları (Temel Kavramlar) kısa sorularla yoklanır.

Köprü Kurma DPO

Temel Kavramlar ile Temel Kavramlar arasında ilişki kurulur; temel Kavramlar hatırlatılır.

Öğrenme-Öğretme Uygulamaları DPO

  1. Derse Giriş10 dk

    Önceki haftanın çıktıları (Temel Kavramlar) kısa sorularla yoklanır; temel Kavramlar konusuna dikkat çekilir. Kızılay Haftası (29 Ekim-4 Kasım) ile bağ kurularak derse giriş yapılır.

  2. Keşfetme35 dk

    Öğrencilerin temel Kavramlar ile ilgili ön bilgileri sorularla ortaya çıkarılır; gerçek yaşam bağlamından bir örnekle konu keşfettirilir.

  3. Uygulama55 dk

    Öğrenciler temel Kavramlar ile ilgili etkinlikleri bireysel ve grup çalışmasıyla uygular; öğretmen süreci gözlemleyip dönüt verir (Temel Kavramlar).

  4. Sonuçlandırma20 dk

    Öğrencilerin "Etkili ve kullanıcı dostu web tasarımı ilkeleri detaylıca açıklanır" düzeyine ulaşması gözlenir; yazılı Sınav ile değerlendirilir.

Sınıf defteri: Temel Kavramlar; değerlendirme

Derse Giriş 10 dk

Önceki haftanın çıktıları (Temel Kavramlar) kısa sorularla yoklanır; temel Kavramlar konusuna dikkat çekilir. Kızılay Haftası (29 Ekim-4 Kasım) ile bağ kurularak derse giriş yapılır.

Keşfetme 35 dk

Öğrencilerin temel Kavramlar ile ilgili ön bilgileri sorularla ortaya çıkarılır; gerçek yaşam bağlamından bir örnekle konu keşfettirilir.

Uygulama 55 dk

Öğrenciler temel Kavramlar ile ilgili etkinlikleri bireysel ve grup çalışmasıyla uygular; öğretmen süreci gözlemleyip dönüt verir (Temel Kavramlar).

Sonuçlandırma 20 dk

Öğrencilerin "Etkili ve kullanıcı dostu web tasarımı ilkeleri detaylıca açıklanır" düzeyine ulaşması gözlenir; yazılı Sınav ile değerlendirilir.

Farklılaştırma Boş

ZÖğretmen tarafından doldurulacak
DÖğretmen tarafından doldurulacak

Araç-Gereç ve Kaynaklar DPO

Araç-Gereç
  • Ders kitabı
  • Etkileşimli tahta
Kaynaklar
  • Web Tabanlı Uygulama Dersi Öğretim Programı (MEB, Türkiye Yüzyılı Maarif Modeli)

Öğretmen Görüşleri

BÖLÜM I

Ders
Web Tabanlı Uygulama
Sınıf
11. Sınıf
Ünite / Tema
Temel Kavramlar
Konu
Temel Kavramlar
Önerilen Süre
3 ders saati (120 dk)
Tarih
2-6 Kasım
Hafta
8. Hafta
Belirli Gün ve Haftalar
Kızılay Haftası (29 Ekim-4 Kasım), Lösemili Çocuklar Haftası (2-8 Kasım), Organ Bağışı ve Nakli Haftası (3-9 Kasım)

BÖLÜM II DPO

Kazanımlar
Web Tasarım İlkelerini açıklar.
Açıklamalar YZ
  • Etkili ve kullanıcı dostu web tasarımı ilkeleri detaylıca açıklanır.
Öğrenme-Öğretme Yöntem ve Teknikleri
  • Anlatım
  • Soru-Cevap
  • Problem Çözme
  • Gösterip Yaptırma
Kullanılan Eğitim Teknolojileri, Araç ve Gereçler
Araç-Gereç
  • Ders kitabı
  • Etkileşimli tahta
Kaynaklar
  • Web Tabanlı Uygulama Dersi Öğretim Programı (MEB, Türkiye Yüzyılı Maarif Modeli)
Öğrenme-Öğretme Etkinlikleri
Dikkat Çekme

Temel Kavramlar ile ilgili günlük yaşamdan ya da meslekten bir örnek veya soru ile derse başlanır.

Güdüleme

Temel Kavramlar konusunun meslekteki ve günlük yaşamdaki yeri vurgulanır.

Gözden Geçirme

Önceki haftanın konusu (Temel Kavramlar) kısaca tekrar edilir.

Derse Geçiş

Haftanın kazanımı öğrencilerle paylaşılır: Web Tasarım İlkelerini açıklar.

Bireysel Öğrenme Etkinlikleri

Anlatım, soru-cevap ve gösterip yaptırma ile:
1) Etkili ve kullanıcı dostu web tasarımı ilkeleri detaylıca açıklanır.

Grupla Öğrenme Etkinlikleri

Öğrenciler gruplara ayrılır; temel Kavramlar ile ilgili problem/örnek olay grup çalışmasıyla çözülür ve sınıfla paylaşılır.

Özet

Haftanın konuları öğrencilerle birlikte özetlenir; bir sonraki dersin konusu duyurulur.

BÖLÜM III — Ölçme-Değerlendirme

Bireysel Öğrenme Etkinliklerine Yönelik Ölçme-Değerlendirme
  • Yazılı Sınav
  • Performans Görevi
  • Öz Değerlendirme Formu
Grupla Öğrenme Etkinliklerine Yönelik Ölçme-Değerlendirme
  • Grup çalışması gözlem formu
Öğrenme Güçlüğü Olan ve İleri Düzey Öğrenciler İçin Ek Ölçme-Değerlendirme

    BÖLÜM IV — Planın Uygulanmasına İlişkin Açıklamalar

    • Belirtilen tarihlerde ve haftalarda, müfredat programına göre değişiklikler yapılabilir.
    • Öğrenci merkezli öğretim yöntemleri ve teknikleri aktif olarak kullanılacaktır.
    • Ölçme ve değerlendirme süreçlerinde çeşitlilik sağlanacak ve süreç odaklı değerlendirme yapılacaktır.
    • Bireysel farklılıklar dikkate alınarak öğretime yön verilecektir.
    • Teknoloji entegrasyonu ile öğrenme süreçleri desteklenecektir.
    #9-13 Kasım3Temel KavramlarTemel KavramlarWeb Tasarım İlkelerini açıklar.Yazılı Sınav, Performans GöreviDolu
    16-20 KasımAkademik Takvim 1. Dönem Ara Tatil
    #23-27 Kasım3Temel KavramlarTemel KavramlarWeb Tasarım İlkelerini açıklar.Yazılı Sınav, Performans GöreviDolu
    #30 Kasım - 4 Aralık3Temel KavramlarTemel KavramlarWeb Tasarım İlkelerini açıklar.Yazılı Sınav, Performans GöreviDolu
    #7-11 Aralık3Temel KavramlarTemel KavramlarWeb Tasarım İlkelerini açıklar.Yazılı Sınav, Performans GöreviDolu
    #14-18 Aralık3Temel KavramlarTemel KavramlarWeb Tasarım İlkelerini açıklar.Yazılı Sınav, Performans GöreviDolu
    #21-25 Aralık3Html5Html5HTML5 belge yapısını kullanarak basit bir web sayfası hazırlar.Yazılı Sınav, Performans GöreviDolu
    #28 Aralık - 1 Ocak3Html5Html5HTML etiketlerini kullanır.Yazılı Sınav, Performans GöreviDolu
    #4-8 Ocak3Html5Html5HTML etiketlerini kullanır.Yazılı Sınav, Performans GöreviDolu
    #11-15 Ocak3Html5Html5HTML etiketlerini kullanır.Yazılı Sınav, Performans GöreviDolu
    #18-22 Ocak3Html5Html5HTML etiketlerini kullanır.Yazılı Sınav, Performans GöreviDolu
    25-29 OcakAkademik Takvim Yarıyıl Tatili
    1-5 ŞubatAkademik Takvim Yarıyıl Tatili
    #8-12 Şubat3Stil Şablonu (CSS)Stil Şablonu (CSS)Temel CSS kodlarını açıklar.Yazılı Sınav, Performans GöreviDolu
    #15-19 Şubat3Stil Şablonu (CSS)Stil Şablonu (CSS)CSS kodlarını elemanlara uygular.Yazılı Sınav, Performans GöreviDolu
    #22-26 Şubat3Stil Şablonu (CSS)Stil Şablonu (CSS)CSS ile duyarlı (responsive) sayfalar oluşturur.Yazılı Sınav, Performans GöreviDolu
    #1-5 Mart3Stil Şablonu (CSS)Stil Şablonu (CSS)CSS ile duyarlı (responsive) sayfalar oluşturur.Yazılı Sınav, Performans GöreviDolu
    8-12 MartAkademik Takvim 2. Dönem Ara Tatil
    #15-19 Mart3Stil Şablonu (CSS)Stil Şablonu (CSS)CSS ile duyarlı (responsive) sayfalar oluşturur.Yazılı Sınav, Performans GöreviDolu
    #22-26 Mart3Stil Şablonu (CSS)Stil Şablonu (CSS)CSS ile duyarlı (responsive) sayfalar oluşturur.Yazılı Sınav, Performans GöreviDolu
    #29 Mart - 2 Nisan3Stil Şablonu (CSS)Stil Şablonu (CSS)CSS ile duyarlı (responsive) sayfalar oluşturur.Yazılı Sınav, Performans GöreviDolu
    #5-9 Nisan3Etkileşim (Javascript)Etkileşim (Javascript)Değişkenler ve veri tiplerini kullanarak etkileşimli sayfalar geliştirir.Yazılı Sınav, Performans GöreviDolu
    #12-16 Nisan3Etkileşim (Javascript)Etkileşim (Javascript)Fonksiyon türlerini kullanarak etkileşimli sayfa geliştirir.Yazılı Sınav, Performans GöreviDolu
    #19-23 Nisan3Etkileşim (Javascript)Etkileşim (Javascript)Fonksiyon türlerini kullanarak etkileşimli sayfa geliştirir.Yazılı Sınav, Performans GöreviDolu
    #26-30 Nisan3Etkileşim (Javascript)Etkileşim (Javascript)Fonksiyon türlerini kullanarak etkileşimli sayfa geliştirir.Yazılı Sınav, Performans GöreviDolu
    #3-7 Mayıs3Etkileşim (Javascript)Etkileşim (Javascript)Fonksiyon türlerini kullanarak etkileşimli sayfa geliştirir.Yazılı Sınav, Performans GöreviDolu
    #10-14 Mayıs3ReactjsReactJSReactJS temel kavramları açıklar.Yazılı Sınav, Performans GöreviDolu
    #17-21 Mayıs3ReactjsReactJSReactJS'deki Map yapısını kullanır.Yazılı Sınav, Performans GöreviDolu
    #24-28 Mayıs3ReactjsReactJSHata ayıklama yapar.Yazılı Sınav, Performans GöreviDolu
    #31 Mayıs - 4 Haziran3ReactjsReactJSHata ayıklama yapar.Yazılı Sınav, Performans GöreviDolu
    #7-11 Haziran3ReactjsReactJSHata ayıklama yapar.Yazılı Sınav, Performans GöreviDolu
    #14-18 Haziran3ReactjsReactJSHata ayıklama yapar.Yazılı Sınav, Performans GöreviDolu
    #21-25 Haziran3Sosyal EtkinlikSosyal EtkinlikOkul temelli planlama kapsamında sosyal etkinlik haftasıBoş Sosyal Etkinlik

    11. Sınıf Web Tabanlı Uygulama Günlük Planı — Kaynaklar ve İçerik

    • 11. Sınıf Web Tabanlı Uygulama Yıllık Planı (çerçeve / ünitelendirilmiş yıllık plan)
    • Ders İçeriği

      Radyo-Televizyon - Protokol - Radyo-Televizyon (Mesleki ve Teknik Anadolu Lisesi) alanında Web Tabanlı Uygulama dersi 11. sınıf 2026-2027 eğitim öğretim yılı günlük planı (haftalık ders planı). Haftalık 3 ders saati.

      Üniteler ve Konular

      1. Temel Kavramlar (40 ders saati)

      Bu derste öğrenciye; web sitesi tasarımı ve etkileşimli web sayfası programlama ile ilgili bilgi ve becerileri kazandırmak amaçlanmaktadır.

      • 1. Temel Kavramlar
        • Web Sayfası yayınlama ile ilgili temel kavramları açıklar.
        • Web yazılımcısı rollerini açıklar.
        • İşaretleme Dili(HTML) kodlarının kullanılabileceği editörlere örnek verir.
        • Basamaklı stil şablonu (CSS – Cascaded Style Sheet) kavramını açıklar.
        • WYSIWYG (What you see is what you get) editör kullanımını açıklar.
        • Web Tasarım İlkelerini açıklar.

      2. Html5 (14 ders saati)

      Bu derste öğrenciye; web sitesi tasarımı ve etkileşimli web sayfası programlama ile ilgili bilgi ve becerileri kazandırmak amaçlanmaktadır.

      • 1. Html5
        • HTML5 belge yapısını kullanarak basit bir web sayfası hazırlar.
        • HTML etiketlerini kullanır.

      3. Stil Şablonu (CSS) (20 ders saati)

      Bu derste öğrenciye; web sitesi tasarımı ve etkileşimli web sayfası programlama ile ilgili bilgi ve becerileri kazandırmak amaçlanmaktadır.

      • 1. Stil Şablonu (CSS)
        • Temel CSS kodlarını açıklar.
        • CSS kodlarını elemanlara uygular.
        • CSS ile duyarlı (responsive) sayfalar oluşturur.

      4. Etkileşim (Javascript) (14 ders saati)

      Bu derste öğrenciye; web sitesi tasarımı ve etkileşimli web sayfası programlama ile ilgili bilgi ve becerileri kazandırmak amaçlanmaktadır.

      • 1. Etkileşim (Javascript)
        • Değişkenler ve veri tiplerini kullanarak etkileşimli sayfalar geliştirir.
        • Fonksiyon türlerini kullanarak etkileşimli sayfa geliştirir.

      5. Reactjs (20 ders saati)

      Bu derste öğrenciye; web sitesi tasarımı ve etkileşimli web sayfası programlama ile ilgili bilgi ve becerileri kazandırmak amaçlanmaktadır.

      • 1. ReactJS
        • ReactJS temel kavramları açıklar.
        • ReactJS'deki Map yapısını kullanır.
        • Hata ayıklama yapar.

    İlgili Planlar