# HTML अभ्यास कार्य: ब्लॉग मॉकअप बनाएं
## सीखने के उद्देश्य
अपने HTML ज्ञान को लागू करें और एक पूर्ण ब्लॉग होमपेज संरचना डिजाइन और कोड करें। यह व्यावहारिक असाइनमेंट सेमांटिक HTML अवधारणाओं, एक्सेसिबिलिटी सर्वोत्तम प्रथाओं, और पेशेवर कोड संगठन कौशल को मजबूत करेगा जिन्हें आप अपनी वेब विकास यात्रा के दौरान उपयोग करेंगे।
**इस असाइनमेंट को पूरा करके, आप:**
- कोडिंग से पहले वेबसाइट लेआउट की योजना बनाना अभ्यास करेंगे
- उचित रूप से सेमांटिक HTML तत्वों को लागू करेंगे
- सुलभ, सुव्यवस्थित मार्कअप बनाएंगे
- टिप्पणियों और संगठन के साथ पेशेवर कोडिंग आदतें विकसित करेंगे
## परियोजना आवश्यकताएँ
### भाग 1: डिजाइन योजना (दृश्य मॉकअप)
**अपने ब्लॉग होमपेज का एक दृश्य मॉकअप बनाएं जिसमें शामिल हो:**
- साइट शीर्षक और नेविगेशन के साथ हेडर
- मुख्य सामग्री क्षेत्र जिसमें कम से कम 2-3 ब्लॉग पोस्ट पूर्वावलोकन हों
- अतिरिक्त जानकारी के साथ साइडबार (के बारे में अनुभाग, हाल की पोस्ट, श्रेणियां)
- संपर्क सूचना या लिंक के साथ फूटर
**मॉकअप बनाने के विकल्प:**
- **हाथ से तैयार स्केच**: कागज और पेंसिल का उपयोग करें, फिर अपने डिजाइन की फोटो लें या स्कैन करें
- **डिजिटल उपकरण**: Figma, Adobe XD, Canva, PowerPoint, या कोई भी ड्राइंग एप्लिकेशन
- **वायरफ्रेम उपकरण**: Balsamiq, MockFlow, या समान वायरफ्रेमिंग सॉफ़्टवेयर
**अपने मॉकअप सेक्शन को लेबल करें** उन HTML तत्वों के साथ जिन्हें आप उपयोग करने की योजना बना रहे हैं (जैसे, "Header - ``", "Blog Posts - ``")।
### भाग 2: HTML तत्व योजना
**अपने मॉकअप के प्रत्येक सेक्शन को विशिष्ट HTML तत्वों के साथ मैप करने के लिए एक सूची बनाएं:**
```
Example:
- Site Header →
- Main Navigation →