# مهمة ممارسة HTML: إنشاء نموذج مدونة ## أهداف التعلم قم بتطبيق معرفتك بـ HTML من خلال تصميم وترميز هيكل كامل لصفحة رئيسية لمدونة. ستعزز هذه المهمة العملية مفاهيم HTML الدلالية، وأفضل ممارسات الوصول، ومهارات تنظيم الكود الاحترافية التي ستستخدمها طوال رحلتك في تطوير الويب. **عند إكمال هذه المهمة، ستتمكن من:** - ممارسة تخطيط تصميم المواقع قبل البدء في الترميز - استخدام عناصر HTML الدلالية بشكل مناسب - إنشاء ترميز منظم وسهل الوصول - تطوير عادات ترميز احترافية باستخدام التعليقات والتنظيم ## متطلبات المشروع ### الجزء الأول: تخطيط التصميم (نموذج مرئي) **قم بإنشاء نموذج مرئي للصفحة الرئيسية لمدونتك يتضمن:** - رأس الصفحة يحتوي على عنوان الموقع والتنقل - منطقة المحتوى الرئيسية مع معاينات لـ 2-3 منشورات مدونة على الأقل - شريط جانبي يحتوي على معلومات إضافية (قسم "حول"، المنشورات الأخيرة، الفئات) - تذييل يحتوي على معلومات الاتصال أو الروابط **خيارات إنشاء النموذج:** - **رسم يدوي**: استخدم الورق والقلم، ثم قم بتصوير أو مسح تصميمك - **أدوات رقمية**: Figma، Adobe XD، Canva، PowerPoint، أو أي تطبيق رسم - **أدوات تخطيط**: Balsamiq، MockFlow، أو برامج تخطيط مشابهة **قم بتسمية أقسام النموذج** باستخدام عناصر HTML التي تخطط لاستخدامها (مثل "الرأس - `

`"، "منشورات المدونة - `

`"). ### الجزء الثاني: تخطيط عناصر HTML **قم بإنشاء قائمة تربط كل قسم من النموذج بعناصر HTML محددة:** ``` Example: - Site Header →

- Main Navigation →