11. Sınıf Web Tabanlı Uygulama Geliştirme Yıllık Planı 2026-2027

Web Sayfası Yayınlamada Temel Kavramlar / Web Yazılımcısı rolleri / İşaretleme Dili(HTML) / Basamaklı Stil Şablonu (CSS) / What You See İs What You Get (WYSIWYG) Editör

Web Sayfası yayınlama ile ilgili temel kavramları 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. / Web yazılımcısı rollerini açıklar. / 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. / İşaretleme Dili(HTML) kodlarının kullanılabileceği editörlere örnek verir. / HTML kavramı açıklanır. / HTML kodlarının kullanılabileceği editörler açıklanır. / Basamaklı stil şablonu (CSS – Cascaded Style Sheet) kavramını açıklar. / CSS kavramı açıklanır. / WYSIWYG (What you see is what you get) editör kullanımını açıklar. / WYSIWYG kavramı açıklanır.

Boş alan adı sorgulamak. / Kişisel alan adı almak. / Barındırma (Hosting) almak. / ASP.NET Hosting ayarları yapmak. (.Net Core Runtime kurmak) / ASP.net Core örnek web siteleri incelemek. / Front-end, back-end, full stack kavramları hakkında sunum hazırlamak. / Basit bir HTML sayfası oluşturmak. / Oluşturulan HTML sayfasına basit bir CSS kodu yerleştirmek. / Oluşturulan HTML sayfasına basit bir Javascript kodu yerleştirmek. / Visual Studio (Community Edition) programını kurmak. / Server/Client iletişimi hakkındaki sunuları ve videoları incelemek.

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.

İçerik / Tasarım / Biçimsellik / İşlevsellik ve Kullanılabilirlik / Güncellik / Uygunluk ve Güvenilirlik / Uyumluluk

Tasarım açısından içeriğin önemini açıklar. / Tasarım açısından içeriğin önemi açıklanır. / İçerikte kullanılacak resim ve metinlerin belirlenmesi açıklanır. / Tasarımda yerleşim planını uygun bir şekilde olmasını sağlar. / 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. / Renk düzeni, okunabilirlik, içerik - tasarım ilişkisini kurar. / 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 kullanıcı dostu olmasını ve erişim kolaylığını sağlar. / 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. / Yeni teknolojilerin kullanılmasının önemini açıklar. / 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. / Web sitesinin, alan adı, içerik vb konularda uygunluğunu açıklar. / 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 sitesinin tüm platformlarda sorunsuz çalışması ilkesini açıklar. / 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.

Kütüphane takip sistemi için yapılmış örnek web sitelerini incelemek. / Kütüphane takip sistemi için web tasarım ilkelerine uygun tasarım kurgulamak. / Uyumlu renk düzeni seçmek. / Yazı fontlarını belirlemek. / Web sitesinde kullanılacak içerikleri hazırlamak. (Metin, ses, resim, video, vd.)

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.

HTML5 belge yapısını kullanarak basit bir web sayfası hazırlar. / 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.

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.

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. / H1-H6 elemanlarını web sayfasında uygun bir şekilde kullanır. / em kavramı açıklanır. / H1-H6 elemanlarının özellikleri açıklanır.

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.