8. Sınıf · 4. hafta
Bugün öğreneceklerimiz
Bir web yeniliğini kullanıcı ihtiyacı ve doğrulanabilir kanıtla değerlendir.
- Web sayfasının yapı, görünüm ve etkileşim katmanlarını tanırım.
- Bir trend iddiasını yarar ve sınırlılıkla değerlendiririm.
Derse hazırlık · araçlar ve ön bilgiler
Araçlar: Öğretmenin hazırladığı iki basit sayfa çizimi; isteğe bağlı önceden açılmış web örneği.
Ön bilgi: Web sayfası, bağlantı ve kaynak kavramları.
Öğretmen, gerekli dosya ve uygulamaları ders başlamadan hazırlar. Anlatım, örnek inceleme, çoktan seçmeli sorular ve açıklamaları 40 dakikalık akışın içindedir. Küçük yaşlarda metinler öğretmen tarafından sesli okunur.
Önce bilgiyi oku, sonra yanındaki çoktan seçmeli soruyu çöz. Kaydırarak altı bölümde ilerle; “Kesintisiz oku” ile bütün dersi birlikte görebilirsin.
0–4. dakika · 4 dk
Konuyu tanı
Ders anlatımı
HTML web içeriğinin yapısını tanımlar. Başlık, paragraf ve liste gibi elemanlar içerikteki bölümlerin anlamını belirtir.
Ayrıntısıyla öğren
Web sayfasında HTML içeriğin yapısını, CSS görünümünü, JavaScript ise gerektiğinde etkileşim davranışını düzenler. Her sayfanın karmaşık hareketlere ihtiyacı yoktur. Ana amaç kullanıcının bilgiyi bulabilmesidir.
4–12. dakika · 8 dk
Temel bilgiler
Ders anlatımı
CSS görünümü, JavaScript gerektiğinde etkileşim davranışını düzenler. Her sayfanın karmaşık animasyona ihtiyacı yoktur; bilginin bulunması önceliklidir.
Ayrıntısıyla öğren
Ekrana uyum sağlayan tasarım, içerik düzenini farklı genişliklerde kullanılabilir tutmayı amaçlar. Erişilebilirlik ise klavye, okunabilir metin ve anlamlı yapı gibi farklı ihtiyaçları kapsar; yalnızca mobil görünüm değildir.
12–20. dakika · 8 dk
Yakından incele
Ders anlatımı
Ekrana uyum sağlayan tasarım, düzenin farklı genişliklerde kullanılmasını hedefler. Yalnızca büyük ekranda düzgün görünmek mobil kullanım için yeterli değildir.
Ayrıntısıyla öğren
Güncel bir web aracı veya yapay zekâ özelliği duyulduğunda kaynak, tarih, örnek ve sınırlılığı sorgularız. Öğretmen canlı bir duyuru kullanacaksa tarihini dersten önce kontrol eder. Bu derste yeni ürün önerisi yerine kullanıcı açısından değerlendirme yapacağız.
20–32. dakika · 12 dk
Örnek üzerinden öğren
Ders anlatımı
Erişilebilirlik klavye kullanımı, okunur metin ve anlamlı yapı gibi ihtiyaçları kapsar. Mobil görünüm bunun yalnızca bir kısmıyla ilişkilidir.
32–37. dakika · 5 dk
Bilgini geliştir
Ders anlatımı
Yeni araç iddiası kaynak, tarih ve sınırlılıklarıyla değerlendirilir. Bir tanıtımın etkileyici olması, bütün kullanıcılar için yararlı olduğunu kanıtlamaz.
37–40. dakika · 3 dk
Konuyu pekiştir
Ders anlatımı
İyi web deneyimi kullanıcının bilgiyi bulmasını kolaylaştırır. Gereksiz hareketin dikkat dağıttığı durumda daha sade sunum işlevi güçlendirebilir.
Bu dersin özeti
- HTML web içeriğinin yapısını tanımlar. Başlık, paragraf ve liste gibi elemanlar içerikteki bölümlerin anlamını belirtir.
- Ekrana uyum sağlayan tasarım, düzenin farklı genişliklerde kullanılmasını hedefler. Yalnızca büyük ekranda düzgün görünmek mobil kullanım için yeterli değildir.
- Yeni araç iddiası kaynak, tarih ve sınırlılıklarıyla değerlendirilir. Bir tanıtımın etkileyici olması, bütün kullanıcılar için yararlı olduğunu kanıtlamaz.