# HTML Uygulama Ödevi: Blog Taslağı Oluşturma ## Öğrenme Hedefleri HTML bilginizi kullanarak tam bir blog ana sayfa yapısı tasarlayıp kodlayın. Bu uygulamalı ödev, semantik HTML kavramlarını, erişilebilirlik en iyi uygulamalarını ve profesyonel kod organizasyonu becerilerini pekiştirmenize yardımcı olacak. Bu beceriler, web geliştirme yolculuğunuz boyunca kullanacağınız temel yetkinliklerdir. **Bu ödevi tamamlayarak:** - Web sitesi düzenini kodlamadan önce planlama pratiği yapacaksınız - Semantik HTML öğelerini uygun şekilde uygulayacaksınız - Erişilebilir, iyi yapılandırılmış bir işaretleme oluşturacaksınız - Yorumlar ve organizasyon ile profesyonel kodlama alışkanlıkları geliştireceksiniz ## Proje Gereksinimleri ### Bölüm 1: Tasarım Planlama (Görsel Taslak) **Blog ana sayfanızın görsel bir taslağını oluşturun ve şunları dahil edin:** - Site başlığı ve navigasyon içeren bir üst bilgi - En az 2-3 blog yazısı önizlemesi içeren ana içerik alanı - Ek bilgiler (hakkında bölümü, son yazılar, kategoriler) içeren bir yan panel - İletişim bilgileri veya bağlantılar içeren bir alt bilgi **Taslak Oluşturma Seçenekleri:** - **Elle çizim**: Kağıt ve kalem kullanarak çizin, ardından tasarımınızı fotoğraflayın veya tarayın - **Dijital araçlar**: Figma, Adobe XD, Canva, PowerPoint veya herhangi bir çizim uygulaması - **Wireframe araçları**: Balsamiq, MockFlow veya benzeri wireframe yazılımları **Taslak bölümlerinizi** kullanmayı planladığınız HTML öğeleriyle etiketleyin (örneğin, "Üst Bilgi - `

`", "Blog Yazıları - `

`"). ### Bölüm 2: HTML Öğesi Planlama **Taslağınızdaki her bölümü belirli HTML öğeleriyle eşleştiren bir liste oluşturun:** ``` Example: - Site Header →

- Main Navigation →