|
|
<!--
|
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
|
{
|
|
|
"original_hash": "5a764667bbe82aa72ac0a67f4c97ff4a",
|
|
|
"translation_date": "2025-10-03T09:19:02+00:00",
|
|
|
"source_file": "3-terrarium/1-intro-to-html/assignment.md",
|
|
|
"language_code": "mr"
|
|
|
}
|
|
|
-->
|
|
|
# HTML प्रॅक्टिस असाइनमेंट: ब्लॉग मॉकअप तयार करा
|
|
|
|
|
|
## उद्दिष्ट
|
|
|
|
|
|
वैयक्तिक ब्लॉग होमपेजसाठी HTML संरचना डिझाइन करा आणि हाताने कोड करा. या सरावाने तुम्हाला सिमॅंटिक HTML, लेआउट नियोजन आणि कोडचे आयोजन शिकण्यास मदत होईल.
|
|
|
|
|
|
## सूचना
|
|
|
|
|
|
1. **तुमचा ब्लॉग मॉकअप डिझाइन करा**
|
|
|
- तुमच्या ब्लॉग होमपेजचा व्हिज्युअल मॉकअप तयार करा. हेडर, नेव्हिगेशन, मुख्य सामग्री, साइडबार आणि फूटरसारख्या महत्त्वाच्या विभागांचा समावेश करा.
|
|
|
- तुम्ही कागदावर स्केच करू शकता आणि स्कॅन करू शकता किंवा डिजिटल टूल्स (उदा. Figma, Adobe XD, Canva, किंवा PowerPoint) वापरू शकता.
|
|
|
|
|
|
2. **HTML घटक ओळखा**
|
|
|
- प्रत्येक विभागासाठी तुम्ही वापरण्याची योजना आखत असलेल्या HTML घटकांची यादी तयार करा (उदा. `<header>`, `<nav>`, `<main>`, `<article>`, `<aside>`, `<footer>`, `<section>`, `<h1>`–`<h6>`, `<p>`, `<img>`, `<ul>`, `<li>`, `<a>` इ.).
|
|
|
|
|
|
3. **HTML मार्कअप लिहा**
|
|
|
- तुमच्या मॉकअपसाठी HTML हाताने कोड करा. सिमॅंटिक संरचना आणि सर्वोत्तम पद्धतींवर लक्ष केंद्रित करा.
|
|
|
- किमान 10 वेगवेगळे HTML घटक समाविष्ट करा.
|
|
|
- तुमच्या निवडी आणि संरचनेचे स्पष्टीकरण देण्यासाठी टिप्पण्या जोडा.
|
|
|
|
|
|
4. **तुमचे काम सबमिट करा**
|
|
|
- तुमचा स्केच/मॉकअप आणि HTML फाइल अपलोड करा.
|
|
|
- पर्यायी, तुमच्या डिझाइन निर्णयांवर 2–3 वाक्यांची थोडक्यात प्रतिक्रिया द्या.
|
|
|
|
|
|
## मूल्यांकन निकष
|
|
|
|
|
|
| निकष | उत्कृष्ट | पुरेसे | सुधारणा आवश्यक |
|
|
|
|------------------|--------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------|---------------------------------------------------------------------------------|
|
|
|
| व्हिज्युअल मॉकअप | स्पष्ट, तपशीलवार मॉकअप ज्यामध्ये लेबल केलेले विभाग आणि विचारपूर्वक लेआउट आहे | मूलभूत मॉकअप ज्यामध्ये काही लेबल केलेले विभाग आहेत | किमान किंवा अस्पष्ट मॉकअप; विभाग लेबलचा अभाव |
|
|
|
| HTML घटक | 10+ सिमॅंटिक HTML घटकांचा वापर; संरचना आणि सर्वोत्तम पद्धतींचे ज्ञान दर्शवते | 5–9 HTML घटकांचा वापर; काही सिमॅंटिक संरचना | 5 पेक्षा कमी घटकांचा वापर; सिमॅंटिक संरचनेचा अभाव |
|
|
|
| कोड गुणवत्ता | चांगल्या प्रकारे आयोजित, वाचनीय कोड ज्यामध्ये टिप्पण्या आहेत; HTML मानकांचे पालन करते | मुख्यतः आयोजित कोड; काही टिप्पण्या | विस्कळीत कोड; टिप्पण्यांचा अभाव |
|
|
|
| प्रतिक्रिया | डिझाइन निवडी आणि आव्हानांवर अंतर्दृष्टीपूर्ण प्रतिक्रिया | मूलभूत प्रतिक्रिया | प्रतिक्रिया नाही किंवा ती संबंधित नाही |
|
|
|
|
|
|
## टिप्स
|
|
|
|
|
|
- चांगल्या ऍक्सेसिबिलिटी आणि SEO साठी सिमॅंटिक HTML टॅग वापरा.
|
|
|
- इंडेंटेशन आणि टिप्पण्यांसह तुमचा कोड व्यवस्थित करा.
|
|
|
- मार्गदर्शनासाठी [MDN HTML Elements Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) पहा.
|
|
|
- तुमचा लेआउट भविष्यातील असाइनमेंटमध्ये कसा विस्तारित किंवा स्टाइल केला जाऊ शकतो याचा विचार करा.
|
|
|
|
|
|
---
|
|
|
|
|
|
**अस्वीकरण**:
|
|
|
हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून निर्माण होणाऱ्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही. |
