2025-2026 EĞİTİM-ÖRETİM YILI ..........................................................................
BLŞM TEKNOLOJLER ALANI 11. SINIF WEB TABANL UYGULAMA GEL̇ŞṪRME DERSİ ÜNİTELENDRİLMİŞ YILLIK PLANI
| Ay | Hafta | Saat | Ünite | Konu | Kazanım | Kazanım Açıklaması | Etkinlik |
|---|---|---|---|---|---|---|---|
| EYLÜL |
1. Hafta:
08-12 Eylül
|
8 | Temel Kavramlar | 1. Web Sayfası Yayınlamada Temel Kavramlar / 2. Web Yazılımcısı rolleri / 3. İşaretleme Dili(HTML) / 4. Basamaklı Stil Şablonu (CSS) / 5. What You See İs What You Get (WYSIWYG) Editör | 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 sayfası kavramı açıklanır. • Web sitesi kavramı açıklanır. • Alan adı(domain) kavramı açıklanır. • Alan adı uzantıları açıklanır. • Alan adı alma işlemi açıklanır. • Hosting(web sitesi barındırma)kavramı açıklanır. • Front-end yazılımcı rolü açıklanır. • Back-end yazılımcı rolü açıklanır. • Full-stack yazılımcı rolü açıklanır. • HTML kavramı açıklanır. • HTML kodlarının kullanılabileceği editörler açıklanır. • CSS kavramı açıklanır. • WYSIWYG kavramı açıklanır. | Uluslararası Temiz Hava Günü |
| EYLÜL |
2. Hafta:
15-19 Eylül
|
8 | Web Tasarım İlkeleri | 1. İçerik / 2. Tasarım / 3. Biçimsellik / 4. İşlevsellik ve Kullanılabilirlik / 5 Güncellik / 6 Uygunluk ve Güvenilirlik / 7. Uyumluluk | Tasarım açısından içeriğin önemini açıklar. Tasarımda yerleşim planını uygun bir şekilde olmasını sağlar. Renk düzeni, okunabilirlik, içerik - tasarım ilişkisini kurar. Web sitesinin kullanıcı dostu olmasını ve erişim kolaylığını sağlar. Yeni teknolojilerin kullanılmasının önemini açıklar. Web sitesinin, alan adı, içerik vb konularda uygunluğunu açıklar. Web sitesinin tüm platformlarda sorunsuz çalışması ilkesini açıklar. | • Tasarım açısından içeriğin önemi açıklanır. • İçerikte kullanılacak resim ve metinlerin belirlenmesi açıklanır. • Yerleşim planının uygunluğunun sağlanması gerektiği açıklanır. • Sitede kullanılacak logo ve menü gibi site bileşenlerinin nasıl kullanılacağı açıklanır. • Sitenin renk ve tipografi düzeninin nasıl olacağı açıklanır. • İçerik-tasarım ilişkisinin kurdurulması ile ilgili detaylar anlatılır. • Uyumlu renk düzeni yaptırılır. • Okunaklı yazı seçimi yaptırılır. • Web sitesinin nasıl kullanıcı dostu olacağı açıklanır. • Web sitesine erişimin nasıl kolay olacağı açıklanır. • Site haritalarının oluşturulması açıklanır. • Web sitesi ziyaretçilerinin siteyi nasıl rahat kullanacağı açıklanır. • Site içerik ve teknolojilerinin güncel olması gerektiği açıklanır. • Yeni teknolojilerin kullanılmasının gerekliliği açıklanır. • Çalışılacak platformun yeni nesil teknolojilere uygun seçilmesi gerekliliği açıklanır. • Alan adının(domain name) nasıl olması gerektiği açıklanır. • Özgün içerik oluşturulması gerektiği açıklanır. • Dilbilgisi kurallarına uyulmasının önemi açıklanır. • Web sitelerinde tarayıcı uyumluluğunun önemi açıklanır. • Tarayıcı uyumluluk testinin önemi açıklanır. • Responsive tasarım açıklanır. • Media query kullanımı gerekliliği açıklanır. | İlköğretim Haftası, Mevlid-i Nebî Haftası, Öğrenciler Günü, Gaziler Günü |
| EYLÜL |
3. Hafta:
22-26 Eylül
|
8 | HTML5 | 1. HTML5 belge yapısı / 2. Başlık elemanları | HTML5 belge yapısını kullanarak basit bir web sayfası hazırlar. H1-H6 elemanlarını web sayfasında uygun bir şekilde kullanır. | • HTML kavramı açıklanır. • Etiket (Tag) kavramı açıklanır. • HTML5 kavramı açıklanır. • HTML5 belge yapısı açıklanır. • HTML sayfasında bulunması gereken standart etiketler açıklanır. • DOCTYPE kavramı açıklanır • Temel meta etiketleri açıklanır. • HTML’de açıklama satırı kullanmanın gerekliliği açıklanır. • HTMl5’deki yeni özellikler açıklanır. • HTML5 belge yapısı kullanılarak basit bir web sayfası hazırlatılır. • em kavramı açıklanır. • H1-H6 elemanlarının özellikleri açıklanır. | |
| EYLÜL |
4. Hafta:
29 Eylül-
03 Ekim
|
8 | HTML5 | 3. Paragraflar ve metin biçimlendirme | Paragraflar ve metin biçimlendirme elemanlarını uygun bir şekilde web sayfasında kullanır. | • Metin biçimlendirme etiketleri açıklanır. • Görünüm düzenleme etiketleri açıklanır • Paragraflar ve metin biçimlendirme elemanlarını web sayfasında kullanımı açıklanır. • Listeleme etiketleri açıklanır. • Madde işaretleri açıklanır. • Tabloların kullanım amacı açıklanır. • Tablo etiketlerinde kullanılan özellikler açıklanır. | Disleksi Haftası, Dünya Disleksi Günü |
| EKIM |
5. Hafta:
06-10 Ekim
|
8 | HTML5 | 4. Yerleşim elemanları | Yerleşim (Layout) elemanlarını kullanarak örnek web uygulamaları geliştirir. | • Div ve span kavramları açıklanır. • HTML tasarım şablonu açıklanır. • HTML5 tasarım şablonu açıklanır. • Yerleşim elemanlarının kullanımı açıklanır. | Ahilik Kültürü Haftası |
| EKIM |
6. Hafta:
13-17 Ekim
|
8 | HTML5 | 5. Resim, video ve ses (medya) elemanları | Web sayfası içerisinde resim, ses/video gösteren HTML5 kodlarını uygular. | • Resim ekleme etiketi ve özellikleri açıklanır. • Ses ekleme etiketi ve özellikleri açıklanır. • Video ekleme etiketi ve özellikleri açıklanır. • Slider ekleme açıklanır. • Resim, video ve ses elemanlarını sayfaya nasıl ekleneceği açıklanır. | |
| EKIM |
7. Hafta:
20-24 Ekim
|
8 | HTML5 | 6. Bağlantı elemanları | Web sayfaları arasında bağlantı sağlayan HTML kodunu uygular. | • Bağlantı(köprü) özellikleri açıklanır. • Bağlantı elemanlarının özellikleri ve kullanım şekilleri açıklanır. | |
| EKIM |
8. Hafta:
27-31 Ekim
|
8 | HTML5 | 7. Form elemanları | Form elemanlarının özelliklerini gösteren HTML5 kodunu uygular. | • Formların yapısı açıklanır. • Form nesnelerinin görevleri açıklanır. • Form elemanları özellikleri ve çalışma prensipleri açıklanır. | Cumhuriyet Bayramı |
| KASIM |
9. Hafta:
03-07 Kasım
|
8 | Basamaklı Stil Şablonu (CSS) | 1. CSS Ekleme Yönemleri |
1. Dönem 1. Sınav Stil uygulanacak olan elemanların seçimini yapar. |
• Stil uygulanacak elemanların seçiminin nasıl yapılacağı açıklanır. | Kızılay Haftası, Organ Bağışı ve Nakli Haftası, Lösemili Çocuklar Haftası |
| KASIM |
10. Hafta:
10-14 Kasım
|
8 | 1. Dönem Ara Tatili | 1. Dönem Ara Tatili | 1. Dönem Ara Tatili | Atatürk Haftası, Afet Eğitimi Hazırlık Günü, Dünya Diyabet Günü | |
| KASIM |
11. Hafta:
17-21 Kasım
|
8 | Basamaklı Stil Şablonu (CSS) | 2. Kutu Modeli Özellikleri ve Çalışma Prensipleri | Kutu modeli özelliklerini açıklar. | • 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. | Dünya Felsefe Günü, Dünya Çocuk Hakları Günü |
| KASIM |
12. Hafta:
24-28 Kasım
|
8 | Basamaklı Stil Şablonu (CSS) | 3. Renk kullanımı ve Tipografi | RGB (Red, Green, Blue / Kırmızı, Yeşil, Mavi) değerleri ile renk tanımı yapar. | • Web sayfasında kullanılacak renk tanımlamasını yaptırır. • Tipografi özellikleri açıklanır. • Tipografi kullanımı açıklanır. | Ağız ve Diş Sağlığı Haftası, Öğretmenler Günü |
| ARALIK |
13. Hafta:
01-05 Aralık
|
8 | Basamaklı Stil Şablonu (CSS) | 4. Duyarlılık (Responsivity) | Duyarlılık (Responsivity) kavramının önemini açıklar. | • 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. | 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 |
| ARALIK |
14. Hafta:
08-12 Aralık
|
8 | Basamaklı Stil Şablonu (CSS) | 4. Duyarlılık (Responsivity) | Duyarlılık (Responsivity) kavramının önemini açıklar. | • 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. | Mevlana Haftası, İnsan Hakları ve Demokrasi Haftası |
| ARALIK |
15. Hafta:
15-19 Aralık
|
8 | Etkileşim (Javascript) | 1. Javascript kod yapısı ve Değişkenler | Değişkenler ve veri tiplerini kullanarak etkileşimli sayfalar geliştirir. | • Javascript kod yazım kurallarını açıklar. • Javascript eleman seçicilerini sıralar. • Değişken ve veri tipleri açıklanır • Operatörlerin kullanımı ve kullanım yerleri açıklanır | Tutum, Yatırım ve Türk Malları Haftası |
| ARALIK |
16. Hafta:
22-26 Aralık
|
8 | Etkileşim (Javascript) | 2. Olaylar ve Fonksiyonlar | Fonksiyon türlerini kullanarak etkileşimli sayfa geliştirir. | • Olayların kullanımını açıklar • Olay çeşitlerini sıralar. • Fonksiyon kullanımı açıklanır. | Mehmet Akif Ersoy'u Anma Haftası |
| ARALIK |
17. Hafta:
29 Aralık-
02 Ocak
|
8 | Etkileşim (Javascript) | 3. Kontrol yapıları | Kontrol yapılarını kullanarak etkileşimli sayfa geliştirir. | • Koşullu ifadelerin kullanımı açıklanır. | |
| OCAK |
18. Hafta:
05-09 Ocak
|
8 | Etkileşim (Javascript) | 4. Diziler |
1. Dönem 2. Sınav Dizileri kullanarak etkileşimli sayfa geliştirir. |
• Dizilerin kullanımı açıklanır. | Enerji Tasarrufu Haftası |
| OCAK |
19. Hafta:
12-16 Ocak
|
8 | Etkinlik Haftası | Etkinlik Haftası | Etkinlik Haftası | ||
| OCAK |
20. Hafta:
19-23 Ocak
|
8 | Yarıyıl Tatili | Yarıyıl Tatili | Yarıyıl Tatili | ||
| OCAK |
21. Hafta:
26-30 Ocak
|
8 | Yarıyıl Tatili | Yarıyıl Tatili | Yarıyıl Tatili | ||
| ŞUBAT |
22. Hafta:
02-06 Şubat
|
8 | Arka Uç Yazılım Geliştirme | 1. .Net Core teknolojisi | .Net Core özelliklerini açıklar. | • .Net Core teknolojisi ile ilgili özellikler açıklanır. • Diğer teknolojilerden farkları açıklanır. | |
| ŞUBAT |
23. Hafta:
09-13 Şubat
|
8 | Arka Uç Yazılım Geliştirme | 2. MVC tasarım deseni | MVC tasarım desenini kullanarak web uygulamaları geliştirir | • Model katmanı kullanımı açıklanır. • View katmanı kullanımı açıklanır. • Controller katmanı kullanımı açıklanır. • Razor sayfaları özellikleri açıklanır. • MVC ve Razor sayfaları aralarındaki ilişki açıklanır. | |
| ŞUBAT |
24. Hafta:
16-20 Şubat
|
8 | Arka Uç Yazılım Geliştirme | 3. Standart klasör ve sayfalar | Standart klasör ve sayfaları kullanarak web uygulamaları geliştirir. | • Standart klasör ve sayfaların kullanımıyla ilgili özellikler açıklanır. • Konfigürasyon yöntemlerinin özellikleri açıklanır. | |
| ŞUBAT |
25. Hafta:
23-27 Şubat
|
8 | Arka Uç Yazılım Geliştirme | 4. Ara katman (Middleware) | Ara katman (Middleware) yapısını kullanır. | • Ara katman yapısının kullanımı açıklanır. | Vergi Haftası, Yeşilay Haftası |
| MART |
26. Hafta:
02-06 Mart
|
8 | Arka Uç Yazılım Geliştirme | 5. Yönlendirme (Routing) | Yönlendirme (Routing) mekanizmasını kullanır. | • Yönlendirme mekanizmasının özellikleri kullanılır. | Girişimcilik Haftası |
| MART |
27. Hafta:
09-13 Mart
|
8 | Arka Uç Yazılım Geliştirme | 6 Form İşlemleri | Form işlemleri ve model doğrulama yapar. | • Form işlemleri ve form özellikleri açıklanır. • Form doğrulama özellikleri açıklanır. • Form kullandırılır. | Bilim ve Teknoloji Haftası, İstiklâl Marşı'nın Kabulü ve Mehmet Akif Ersoy'u Anma Günü |
| MART |
28. Hafta:
16-20 Mart
|
8 | 2. Dönem Ara Tatili | 2. Dönem Ara Tatili | 2. Dönem Ara Tatili | Tüketiciyi Koruma Haftası, Türk Dünyası ve Toplulukları Haftası | |
| MART |
29. Hafta:
23-27 Mart
|
8 | Arka Uç Yazılım Geliştirme | 7. Etiket yardımcıları (Tag Helpers) | Etiket yardımcılarını (Tag Helpers) kullanır. | • Etiket yardımcılarının kullanımı açıklanır | Orman Haftası, Dünya Tiyatrolar Günü |
| MART |
30. Hafta:
30 Mart-
03 Nisan
|
8 | Arka Uç Yazılım Geliştirme | 8. Doğrulama İşlemleri | Doğrulama işlemleri yapar. | • Sunucu taraflı doğrulama işlemlerini açıklar. • İstemci taraflı doğrulama işlemlerini açıklar. | Kütüphaneler Haftası, Kanser Haftası, Dünya Otizm Farkındalık Günü |
| NISAN |
31. Hafta:
06-10 Nisan
|
8 | Arka Uç Yazılım Geliştirme | 9. Paket yöneticisi (Nuget) |
2. Dönem 1. Sınav Paket yöneticisini (Nuget) kullanır. |
• Paket yöneticisi özellikleri açıklanır. • Paket yöneticisi kullandırılır. | Kanser Haftası, Dünya Sağlık Günün/Dünya Sağlık Haftası, Kişisel Verileri Koruma Günü |
| NISAN |
32. Hafta:
13-17 Nisan
|
8 | Arka Uç Yazılım Geliştirme | 10. Entity framework core ile veri tabanı işlemleri | Entity Framework Core ile veri tabanı işlemlerini yapar. | • EF Core özellikleri açıklanır. • Veri tabanı bağlantısı yaptırılır. • Veri tabanı işlemleri gerçekleştirilir. | Turizm Haftası |
| NISAN |
33. Hafta:
20-24 Nisan
|
8 | Arka Uç Yazılım Geliştirme | 11.Web servisleri | Web servislerini kullanır. | • Web servisleri özellikleri ve çeşitleri açıklanır. • Web servisi ile nasıl haberleşileceği açıklanır. | Ulusal Egemenlik ve Çocuk Bayramı |
| NISAN |
34. Hafta:
27 Nisan-
01 Mayıs
|
8 | Arka Uç Yazılım Geliştirme | 12. Yayınlama (Publish) İşlemleri | Yayınlama (Publish) işlemini yapar. | • Yayınlama işlemi açıklanır. | Kût'ül Amâre Zaferi |
| MAYIS |
35. Hafta:
04-08 Mayıs
|
8 | Arka Uç Yazılım Geliştirme | 12. Yayınlama (Publish) İşlemleri | Yayınlama (Publish) işlemini yapar. | • Yayınlama işlemi açıklanır. | Bilişim Haftası, Trafik ve İlkyardım Haftası, İş Sağlığı ve Güvenliği Haftası |
| MAYIS |
36. Hafta:
11-15 Mayıs
|
8 | Arka Uç Yazılım Geliştirme | 12. Yayınlama (Publish) İşlemleri | Yayınlama (Publish) işlemini yapar. | • Yayınlama işlemi açıklanır. | Engelliler Haftası, Vakıflar Haftası |
| MAYIS |
37. Hafta:
18-22 Mayıs
|
8 | Arka Uç Yazılım Geliştirme | 12. Yayınlama (Publish) İşlemleri | Yayınlama (Publish) işlemini yapar. | • Yayınlama işlemi açıklanır. | Müzeler Haftası, Atatürk'ü Anma ve Gençlik ve Spor Bayramı |
| MAYIS |
38. Hafta:
25-29 Mayıs
|
8 | Arka Uç Yazılım Geliştirme | 12. Yayınlama (Publish) İşlemleri | Yayınlama (Publish) işlemini yapar. | • Yayınlama işlemi açıklanır. | Etik Günü, İstanbul'un Fethi |
| HAZIRAN |
39. Hafta:
01-05 Haziran
|
8 | Arka Uç Yazılım Geliştirme | 12. Yayınlama (Publish) İşlemleri |
2. Dönem 2. Sınav Yayınlama (Publish) işlemini yapar. |
• Yayınlama işlemi açıklanır. | Etik Günü, Hayat Boyu Öğrenme Haftası |
| HAZIRAN |
40. Hafta:
08-12 Haziran
|
8 | Arka Uç Yazılım Geliştirme | 12. Yayınlama (Publish) İşlemleri | Yayınlama (Publish) işlemini yapar. | • Yayınlama işlemi açıklanır. | Etik Günü, Çevre ve İklim Değişikliği Haftası |
| HAZIRAN |
41. Hafta:
15-19 Haziran
|
8 | Genel Tekrar | Genel Tekrar | Genel Tekrar | Genel Tekrar | Etik Günü |
| HAZIRAN |
42. Hafta:
22-26 Haziran
|
8 | Etkinlik Haftası | Etkinlik Haftası | Etkinlik Haftası | Etik Günü |
| Temrin Listesi | |
|---|---|
| Ünite | Temrin |
| Temel Kavramlar | 1. Boş alan adı sorgulamak. 2. Kişisel alan adı almak. 3. Barındırma (Hosting) almak. 4. ASP.NET Hosting ayarları yapmak. (.Net Core Runtime kurmak) 5. ASP.net Core örnek web siteleri incelemek. 6. Front-end, back-end, full stack kavramları hakkında sunum hazırlamak. 7. Basit bir HTML sayfası oluşturmak. 8. Oluşturulan HTML sayfasına basit bir CSS kodu yerleştirmek. 9. Oluşturulan HTML sayfasına basit bir Javascript kodu yerleştirmek. 10. Visual Studio (Community Edition) programını kurmak. 11. Server/Client iletişimi hakkındaki sunuları ve videoları incelemek. |
| Web Tasarım İlkeleri | 1. Kütüphane takip sistemi için yapılmış örnek web sitelerini incelemek. 2. Kütüphane takip sistemi için web tasarım ilkelerine uygun tasarım kurgulamak. 3. Uyumlu renk düzeni seçmek. 4. Yazı fontlarını belirlemek. 5. Web sitesinde kullanılacak içerikleri hazırlamak. (Metin, ses, resim, video, vd.) |
| HTML5 | 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. |
| Basamaklı Stil Şablonu (CSS) | 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. |
| Etkileşim (Javascript) | 1. Çok seviyeli açılır menü yapmak. 2. Aşağı açılır menü yapmak. 3. jQuery ile dinamik HTML işlemleri uygulamak. |
| Arka Uç Yazılım Geliştirme | Kütüphane takip sisteminde; 1. Kitapları listelemek 2. Listelemede sayfalama kullanmak 3. Kitap adına göre, yazara göre ve benzeri kriterlere göre arama yapmak 4. Yeni kitap kaydı eklemek 5. Kitap kaydı güncellemek 6. Kitap listesinden kayıt silmek 7. Veri tabanını oluşturmak 8. Veri tabanı bağlantısını konfigürasyon özelliklerini kullanarak sağlamak. 9. Paket yöneticisinden gerekli paketleri projeye eklemek 10. Kitap listesinin web servisini hazırlamak ve bu servisi bir istemci üzerinden çağırmak. 11. Biten web sitesini yayınlamak. 12. Biten sitenin SEO skorunu belirlemek, sitedeki SEO hatalarını düzeltmek. |
| Derse Ait Diğer Bilgiler | |
|---|---|
| Eğitim-Öğretim Ortam ve Donanımı | Ortam: Bilişim Teknolojileri laboratuvarı, Donanım: Akıllı tahta/projeksiyon, bilgisayar, yazıcı/tarayıcı |
| Ölçme ve Değerlendirme | 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. |
| Plan Hakkında |
|
.......................................
Ders Öğretmeni
......................................
Ders Öğretmeni
......................................
Ders Öğretmeni
......................................
Ders Öğretmeni
06.12.2025
UYGUNDUR
......................................
Okul Müdürü