12. Sınıf Web Uygulamaları Yıllık Planı 2026-2027

12. Sınıf Web Uygulamaları Yıllık Planı — Kaynaklar ve İçerik

12. sınıf Web Uygulamaları dersi, Makine ve Tasarım Teknolojisi alanının Bilgisayar Destekli Endüstriyel Modelleme dalında haftada 3 ders saati okutulur; yıllık planında 2 öğrenme birimi, 108 ders saati ve 83 kazanım yer alır. Yıl, “Web Tasarım Editörü” öğrenme birimiyle başlar; “Hazır Blog ve Web Sitesi Şablonu” öğrenme birimiyle biter.

• 12. Sınıf Web Uygulamaları Günlük Planları (haftalık ders planları)
• Makine ve Tasarım Teknolojisi 12. 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 12. sınıf 2026-2027 eğitim öğretim yılı yıllık 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.