Semantik HTML ve Belge Yapısı
Başlık, gezinme, ana içerik, bölüm ve alt bilgi elemanlarını anlama uygun kullanma.
Tahmini süre: 50 dakika
Ders kartı
Sınıf: 11. sınıf Ders: Web Tabanlı Uygulama Geliştirme Ünite: Arayüz Temelleri Konu: Semantik HTML ve Belge Yapısı Dersin amacı: Başlık, gezinme, ana içerik, bölüm ve alt bilgi elemanlarını anlama uygun kullanma. Ders sonunda: • semantik kavramını doğru bağlamda açıklarsın. • heading, nav, main arasındaki ilişkiyi bir örnekle gösterirsin. • Uygulamayı normal, sınır ve hatalı durumlarla test edersin. • Çalışmanı kısa bir kanıt veya ekran görüntüsüyle sunarsın.
Konu anlatımı
Başlık, gezinme, ana içerik, bölüm ve alt bilgi elemanlarını anlama uygun kullanma. Anahtar kavramlar: semantik, heading, nav, main. Bu konuyu öğrenirken önce “semantik” kavramının neyi çözdüğünü belirle; ardından heading, nav, main kavramlarıyla ilişkisini bir örnek üzerinde göster. Ezber yerine neden–sonuç ilişkisi kur: hangi girdi alınır, hangi karar verilir, hangi çıktı veya kanıt beklenir? Ders sonunda konuyu kendi cümlenle açıklayabilmeli, küçük bir örnek üzerinde uygulayabilmeli ve sonucu ölçülebilir bir testle doğrulayabilmelisin.
11. sınıf bilişim laboratuvarı
Web Tabanlı Uygulama Geliştirme dersi için kavramları gerçek bir üretim ortamıyla ilişkilendiren ders görseli.
<form>
<label for="email">E-posta</label>
<input id="email" name="email" type="email" required>
<button type="submit">Gönder</button>
</form>Bu konunun testi
Öğrenci hesabınla giriş yaparak sonucu ve açıklamalı geribildirimi kaydedebilirsin.