You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
8.0 KiB
8.0 KiB
HTML अभ्यास असाइनमेन्ट: ब्लग मक्कअप बनाउनुहोस्
उद्देश्य
व्यक्तिगत ब्लगको होमपेजको HTML संरचना डिजाइन गर्नुहोस् र हातले कोड गर्नुहोस्। यो अभ्यासले तपाईंलाई सेम्यान्टिक HTML, लेआउट योजना, र कोड संगठनमा अभ्यास गर्न मद्दत गर्नेछ।
निर्देशनहरू
-
आफ्नो ब्लग मक्कअप डिजाइन गर्नुहोस्
- आफ्नो ब्लग होमपेजको दृश्य मक्कअप स्केच गर्नुहोस्। हेडर, नेभिगेसन, मुख्य सामग्री, साइडबार, र फुटर जस्ता मुख्य भागहरू समावेश गर्नुहोस्।
- तपाईं कागज प्रयोग गरेर स्केच गर्न सक्नुहुन्छ र स्क्यान गर्न सक्नुहुन्छ, वा डिजिटल उपकरणहरू (जस्तै, Figma, Adobe XD, Canva, वा PowerPoint) प्रयोग गर्न सक्नुहुन्छ।
-
HTML तत्वहरू पहिचान गर्नुहोस्
- प्रत्येक भागको लागि प्रयोग गर्न चाहिने HTML तत्वहरूको सूची बनाउनुहोस् (जस्तै,
<header>,<nav>,<main>,<article>,<aside>,<footer>,<section>,<h1>–<h6>,<p>,<img>,<ul>,<li>,<a>आदि)।
- प्रत्येक भागको लागि प्रयोग गर्न चाहिने HTML तत्वहरूको सूची बनाउनुहोस् (जस्तै,
-
HTML मार्कअप लेख्नुहोस्
- आफ्नो मक्कअपको लागि HTML हातले कोड गर्नुहोस्। सेम्यान्टिक संरचना र उत्कृष्ट अभ्यासमा ध्यान दिनुहोस्।
- कम्तीमा १० फरक HTML तत्वहरू समावेश गर्नुहोस्।
- आफ्नो छनोट र संरचना व्याख्या गर्न टिप्पणीहरू थप्नुहोस्।
-
आफ्नो काम पेश गर्नुहोस्
- आफ्नो स्केच/मक्कअप र HTML फाइल अपलोड गर्नुहोस्।
- वैकल्पिक रूपमा, आफ्नो डिजाइन निर्णयहरूमा छोटो प्रतिबिम्ब (२–३ वाक्य) प्रदान गर्नुहोस्।
मूल्यांकन मापदण्ड
| मापदण्ड | उत्कृष्ट | पर्याप्त | सुधार आवश्यक |
|---|---|---|---|
| दृश्य मक्कअप | स्पष्ट, विस्तृत मक्कअप जसमा लेबल गरिएको भागहरू र विचारशील लेआउट समावेश छ | आधारभूत मक्कअप जसमा केही लेबल गरिएको भागहरू समावेश छ | न्यूनतम वा अस्पष्ट मक्कअप; भागहरूको लेबल अभाव |
| HTML तत्वहरू | १०+ सेम्यान्टिक HTML तत्वहरूको प्रयोग; संरचना र उत्कृष्ट अभ्यासको समझ देखाउँछ | ५–९ HTML तत्वहरूको प्रयोग; केही सेम्यान्टिक संरचना | ५ भन्दा कम तत्वहरूको प्रयोग; सेम्यान्टिक संरचना अभाव |
| कोडको गुणस्तर | राम्रोसँग व्यवस्थित, पढ्न मिल्ने कोड जसमा टिप्पणीहरू छन्; HTML मापदण्डहरू पालना गरिएको छ | प्राय: व्यवस्थित कोड; केही टिप्पणीहरू | अव्यवस्थित कोड; टिप्पणीहरूको अभाव |
| प्रतिबिम्ब | डिजाइन निर्णयहरू र चुनौतीहरूमा सूचनात्मक प्रतिबिम्ब | आधारभूत प्रतिबिम्ब | कुनै प्रतिबिम्ब छैन वा सान्दर्भिकता अभाव |
सुझावहरू
- राम्रो पहुँचयोग्यता र SEO का लागि सेम्यान्टिक HTML ट्यागहरू प्रयोग गर्नुहोस्।
- आफ्नो कोडलाई इनडेन्टेसन र टिप्पणीहरूको साथ व्यवस्थित गर्नुहोस्।
- MDN HTML Elements Reference बाट मार्गदर्शन लिनुहोस्।
- आफ्नो लेआउटलाई भविष्यका असाइनमेन्टहरूमा कसरी विस्तार वा शैली दिन सकिन्छ भन्ने बारे सोच्नुहोस्।
अस्वीकरण:
यो दस्तावेज़ AI अनुवाद सेवा Co-op Translator प्रयोग गरी अनुवाद गरिएको हो। हामी यथासम्भव सटीकता सुनिश्चित गर्न प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादहरूमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छन्। यसको मूल भाषामा रहेको मूल दस्तावेज़लाई आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीका लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुने छैनौं।