Web Uygulamaları 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 UYGULAMALARI 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ül3Web Tasarım EditörüWeb Tasarım EditörüWeb tasarım editöründe temel işlemler yapar.Yazılı Sınav, Performans GöreviDolu
#21-25 Eylül3Web Tasarım EditörüWeb Tasarım EditörüWeb tasarım editöründe temel işlemler yapar.Yazılı Sınav, Performans GöreviDolu
#28 Eylül - 2 Ekim3Web Tasarım EditörüWeb Tasarım EditörüWeb tasarım editöründe temel işlemler yapar.Yazılı Sınav, Performans GöreviDolu
#5-9 Ekim3Web Tasarım EditörüWeb Tasarım EditörüTemel metin düzenleme işlemleri yapar.Yazılı Sınav, Performans GöreviDolu
#12-16 Ekim3Web Tasarım EditörüWeb Tasarım EditörüTemel metin düzenleme işlemleri yapar.Yazılı Sınav, Performans GöreviDolu
#19-23 Ekim3Web Tasarım EditörüWeb Tasarım EditörüListeler oluşturur.Yazılı Sınav, Performans GöreviDolu
#26-30 Ekim3Web Tasarım EditörüWeb Tasarım EditörüTablo düzenleme işlemleri yapar.Yazılı Sınav, Performans GöreviDolu
#2-6 Kasım3Web Tasarım EditörüWeb Tasarım EditörüResimlerle çalışır.Yazılı Sınav, Performans GöreviDolu

8. Hafta — 2-6 Kasım — Tema: Web Tasarım Editörü Dolu

Ders
Web Uygulamaları
Sınıf
11. Sınıf
Tema / Ünite
Web Tasarım Editörü
Konu
Web Tasarım Editörü
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

Resimlerle çalışır.
Arka plan resmi kullanılır.
Sayfaya resim eklenir.
Asset panelinden sayfaya resim eklenir.

Tema Özeti DPO

WEB TASARIM EDİTÖRÜ ü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ı (Web Tasarım Editörü) edinilmiş kabul edilir.

Ön Değerlendirme Süreci DPO

Önceki haftanın çıktıları (Web Tasarım Editörü) kısa sorularla yoklanır.

Köprü Kurma DPO

Web Tasarım Editörü ile Web Tasarım Editörü arasında ilişki kurulur; web Tasarım Editörü hatırlatılır.

Öğrenme-Öğretme Uygulamaları DPO

  1. Derse Giriş10 dk

    Önceki haftanın çıktıları (Web Tasarım Editörü) kısa sorularla yoklanır; web Tasarım Editörü 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 web Tasarım Editörü 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 web Tasarım Editörü ile ilgili etkinlikleri bireysel ve grup çalışmasıyla uygular; öğretmen süreci gözlemleyip dönüt verir (Web Tasarım Editörü).

  4. Sonuçlandırma20 dk

    Öğrencilerin "Asset panelinden sayfaya resim eklenir" düzeyine ulaşması gözlenir; yazılı Sınav ile değerlendirilir.

Sınıf defteri: Web Tasarım Editörü; değerlendirme

Derse Giriş 10 dk

Önceki haftanın çıktıları (Web Tasarım Editörü) kısa sorularla yoklanır; web Tasarım Editörü 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 web Tasarım Editörü 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 web Tasarım Editörü ile ilgili etkinlikleri bireysel ve grup çalışmasıyla uygular; öğretmen süreci gözlemleyip dönüt verir (Web Tasarım Editörü).

Sonuçlandırma 20 dk

Öğrencilerin "Asset panelinden sayfaya resim eklenir" 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 Uygulamaları Dersi Öğretim Programı (MEB, Türkiye Yüzyılı Maarif Modeli)
  • Ders Bilgi Formu (MEB)

Öğretmen Görüşleri

BÖLÜM I

Ders
Web Uygulamaları
Sınıf
11. Sınıf
Ünite / Tema
Web Tasarım Editörü
Konu
Web Tasarım Editörü
Ö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
Resimlerle çalışır.
Açıklamalar
  • Arka plan resmi kullanılır.
  • Sayfaya resim eklenir.
  • Asset panelinden sayfaya resim eklenir.
Öğ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 Uygulamaları Dersi Öğretim Programı (MEB, Türkiye Yüzyılı Maarif Modeli)
  • Ders Bilgi Formu (MEB)
Öğrenme-Öğretme Etkinlikleri
Dikkat Çekme

Web Tasarım Editörü ile ilgili günlük yaşamdan ya da meslekten bir örnek veya soru ile derse başlanır.

Güdüleme

Web Tasarım Editörü konusunun meslekteki ve günlük yaşamdaki yeri vurgulanır.

Gözden Geçirme

Önceki haftanın konusu (Web Tasarım Editörü) kısaca tekrar edilir.

Derse Geçiş

Haftanın kazanımı öğrencilerle paylaşılır: Resimlerle çalışır.

Bireysel Öğrenme Etkinlikleri

Anlatım, soru-cevap ve gösterip yaptırma ile:
1) Arka plan resmi kullanılır.
2) Sayfaya resim eklenir.
3) Asset panelinden sayfaya resim eklenir.

Grupla Öğrenme Etkinlikleri

Öğrenciler gruplara ayrılır; web Tasarım Editörü 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ım3Web Tasarım EditörüWeb Tasarım EditörüResimlerle çalışır.Yazılı Sınav, Performans GöreviDolu
    16-20 KasımAkademik Takvim 1. Dönem Ara Tatil
    #23-27 Kasım3Web Tasarım EditörüWeb Tasarım EditörüAnimasyon ekleme işlemleri yapar.Yazılı Sınav, Performans GöreviDolu
    #30 Kasım - 4 Aralık3Web Tasarım EditörüWeb Tasarım EditörüAnimasyon ekleme işlemleri yapar.Yazılı Sınav, Performans GöreviDolu
    #7-11 Aralık3Web Tasarım EditörüWeb Tasarım EditörüAnimasyon ekleme işlemleri yapar.Yazılı Sınav, Performans GöreviDolu
    #14-18 Aralık3Web Tasarım EditörüWeb Tasarım EditörüAnimasyon ekleme işlemleri yapar.Yazılı Sınav, Performans GöreviDolu
    #21-25 Aralık3Web Tasarım EditörüWeb Tasarım EditörüMetinlere bağlantı ekler.Yazılı Sınav, Performans GöreviDolu
    #28 Aralık - 1 Ocak3Web Tasarım EditörüWeb Tasarım EditörüBağlantı özelliklerini düzenler.Yazılı Sınav, Performans GöreviDolu
    #4-8 Ocak3Web Tasarım EditörüWeb Tasarım EditörüBağlantı adreslerinin açılış şekillerini yapar.Yazılı Sınav, Performans GöreviDolu
    #11-15 Ocak3Web Tasarım EditörüWeb Tasarım EditörüResimlere bağlantı verme işlemini yapar.Yazılı Sınav, Performans GöreviDolu
    #18-22 Ocak3Web Tasarım EditörüWeb Tasarım EditörüEtkin resim noktaları oluşturur.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 Şubat3Web Tasarım EditörüWeb Tasarım EditörüNamedanchor (çapa) ekleme işlemini yapar.Yazılı Sınav, Performans GöreviDolu
    #15-19 Şubat3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuYerel sunucu kurulumunu yapar.Yazılı Sınav, Performans GöreviDolu
    #22-26 Şubat3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuYerel sunucu kurulumunu yapar.Yazılı Sınav, Performans GöreviDolu
    #1-5 Mart3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuHazır blog/web sitesi yönetim paneli ve ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    8-12 MartAkademik Takvim 2. Dönem Ara Tatil
    #15-19 Mart3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuHazır blog/web sitesi yönetim paneli ve ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    #22-26 Mart3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuHazır blog/web sitesi tema ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    #29 Mart - 2 Nisan3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuHazır blog/web sitesi tema ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    #5-9 Nisan3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuHazır blog/web sitesi tema ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    #12-16 Nisan3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuEklenti yükler ve eklenti ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    #19-23 Nisan3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuEklenti yükler ve eklenti ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    #26-30 Nisan3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuEklenti yükler ve eklenti ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    #3-7 Mayıs3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuEklenti yükler ve eklenti ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    #10-14 Mayıs3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuEklenti yükler ve eklenti ayarlarını yapar.Yazılı Sınav, Performans GöreviDolu
    #17-21 Mayıs3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuWeb sitesinin güvenliğini sağlar.Yazılı Sınav, Performans GöreviDolu
    #24-28 Mayıs3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuWeb sitesinin güvenliğini sağlar.Yazılı Sınav, Performans GöreviDolu
    #31 Mayıs - 4 Haziran3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuWeb sitesinin güvenliğini sağlar.Yazılı Sınav, Performans GöreviDolu
    #7-11 Haziran3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuBlog/web sitesini yedekleme yapar.Yazılı Sınav, Performans GöreviDolu
    #14-18 Haziran3Hazır Blog ve Web Sitesi ŞablonuHazır Blog ve Web Sitesi ŞablonuBlog/web sitesini yedekleme 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 Uygulamaları Günlük Planı — Kaynaklar ve İçerik

    • 11. Sınıf Web Uygulamaları Yıllık Planı (çerçeve / ünitelendirilmiş yıllık plan)
    • Makine ve Tasarım Teknolojisi 11. Sınıf Çerçeve Öğretim Programı (ÇÖP)
    • Web Uygulamaları Ders Bilgi Formu (DBF)
    • Ders İçeriği

      Makine ve Tasarım Teknolojisi - Bilgisayar Destekli Endüstriyel Modelleme (Mesleki ve Teknik Anadolu Lisesi) alanında Web Uygulamaları 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. Web Tasarım Editörü (58 ders saati)

      Bu derste öğrenciye; web editörü yardımıyla web sitesi tasarlama, yönetme ve yayınlama ile ilgili bilgi ve becerilerin kazandırılması amaçlanmaktadır.

      • 1. Web Tasarım Editörü
        • Web tasarım editöründe temel işlemler yapar.
        • Editör arayüz yapısını tanıtılır.
        • Çalışma ekranlarını tanıkılır.
        • Site tanımlaması yapılır.
        • Ön izlemede kullanılacak web tarayıcıyı seçilir.
        • Paneller ve araç çubuklarını tanıtılır.
        • Web sayfası oluşturur ve kaydedilir.
        • Metin türleri ve özelliklerini açıklar.
        • Metin girişi işlemleri yapar.
        • Temel metin düzenleme işlemleri yapar.
        • Satır ve paragraf işlemleri yapılır.
        • Karakter biçimlendirme işlemleri yapılır.
        • Yazı tipini değiştirilir.
        • Metin hizalar ve girinti verilir.
        • Listeler oluşturur.
        • İç içe liste oluşturulur.
        • Tablo düzenleme işlemleri yapar.
        • Satır ve sütün ekler ve silinir.
        • Satır ve sütun düzenlenir.
        • Tablo expanded modunu uygular.
        • Resimlerle çalışır.
        • Arka plan resmi kullanılır.
        • Sayfaya resim eklenir.
        • Asset panelinden sayfaya resim eklenir.
        • Görüntü yer tutucu(İmage Placeholder) eklenir.
        • Rollover İmage eklenir.
        • Resim düzenleme işlemleri yapılır.
        • Animasyon ekleme işlemleri yapar.
        • Flash animasyon eklenir.
        • Flash video eklenir.
        • Ses oynatıcısı eklenir.
        • Param eklenir.
        • Metinlere bağlantı ekler.
        • Bağlantı özelliklerini düzenler.
        • Bağlantı adreslerinin açılış şekillerini yapar.
        • Resimlere bağlantı verme işlemini yapar.
        • Etkin resim noktaları oluşturur.
        • Namedanchor (çapa) ekleme işlemini yapar.
        • E-posta bağlantı işlemlerini yapar.

      2. Hazır Blog ve Web Sitesi Şablonu (50 ders saati)

      Bu derste öğrenciye; web editörü yardımıyla web sitesi tasarlama, yönetme ve yayınlama ile ilgili bilgi ve becerilerin kazandırılması amaçlanmaktadır.

      • 1. Hazır Blog ve Web Sitesi Şablonu
        • Yerel sunucu kurulumunu yapar.
        • PhpMyAdmin ile Veritabanı oluşturulur.
        • Veri tabanı kullanıcısı oluşturulur.
        • Hazır blog/şablon dosyalarını internetten indirir ve localhost’a yüklenir.
        • Hazır blog/website kurulumunu yaparılır.
        • Hazır blog/web sitesi yönetim paneli ve ayarlarını yapar.
        • Kurulum sonrası dil ayarlarını yapanır.
        • Son sürüm dosyalarını indirerek yüklenir.
        • Genel ayarlarda, Site başlığı, slagon, site adresi (url), zaman dilimi, Tarih biçimi düzenlemeleri yapılır.
        • Okuma, yazma, tartışma ve ortam ayarlarını düzenlenir.
        • Kullanıcı tanımlar ve yetkilerini düzenlenir.
        • Kalıcı bağlantıları düzenlenir.
        • Hazır blog/web sitesi tema ayarlarını yapar.
        • Yeni tema yükler veya yüklü temaları aktif yapılır.
        • Tema özelliklerinden site başlığını (banner) düzenlenir.
        • Anasayfa blog düzenini ayarlanır.
        • Web sitesi/blog footer sabit bilgilerini düzenler ve görünümünü ayarlanır.
        • Menülere alt başlık ekler ve menü yapısını düzenlenir.
        • Ana sayfa ve sayfalarda kullanılacak bileşenleri düzenlenir.
        • Oluşturulacak sayfaların özelliklerini düzenlenir.
        • Eklenti yükler ve eklenti ayarlarını yapar.
        • Kategori ve etiket oluşturur.
        • Blog/web sitesi için sayfalar oluşturur.
        • Sayfa oluşturarak içerik ekler ve yayınlanır
        • Sayfaları bölümler ekleyerek resim, şekil, tablo eklenir.
        • Sayfaları menülere bağlanır.
        • Sayfa oluştururken öne çıkan görseli ayarlanır.
        • Sayfa içinde texbox, banner, düğme ve köprü kullanılır.
        • Sayfa yapısını blog post olarak ayarlanır.
        • Sayfa içine arama kutusu, galeri ve video eklenir.
        • Sayfa içinde yeni satır ve grid oluşturarak düzenlenir.
        • Portfolyo sayfası yapılır.
        • Sayfa içine slider, akordion ve tab menü eklenir
        • Ortam kütüphanesine resim, video, animasyon dosyası ekler ve sayfa içinde kullanır.
        • Sayfa ve yazıların yorum izinlerini düzenler.
        • Sayfa içine iletişim formu ekler ve menü bağlantısını yapar.
        • Web sitesinin güvenliğini sağlar.
        • Güçlü şifre oluşturulur.
        • Blog/websitesini düzenli olarak güncellemesini yapılır.
        • Güvenlik eklentilerini yüklenir.
        • Düzenli yedekleme yapılır.
        • Blog/web sitesini yedekleme yapar.
        • Veritabanı yedeklemesini yapılır.
        • Ftp bağlantısı oluşturur ve dosya yedeklemesi yapılır.

    İlgili Planlar

    Bu ders 11 ve 12. sınıfta aynı programla okutulur; iki sınıfta üniteler ve konular aynıdır.