HTML ब्लॉग लैब
Loading...
</> HTML ब्लॉग लैब
वेब डिज़ाइन स्टूडियो 01 का 04
Presenter mode

HTML ब्लॉग लैब · 01

एक ब्लॉग पेज बनाएं HTML के साथ।

HTML हर विचार को एक घर देता है। आज हम एक ब्लॉग विचार को एक स्पष्ट, स्वागत योग्य पेज में बदलेंगे — एक बार में एक सार्थक तत्व के साथ।

✦

हर कोई योगदान दे सकता है: स्केच करें, बात करें, टाइप करें, इशारा करें, प्रश्न पूछें, या जोड़ी बनाएं।

01योजनाचुनें कि पाठकों को सबसे पहले किसकी आवश्यकता है।
02बनाएंपेज को आकार देने के लिए टैग का उपयोग करें।
03परवाहइसे अधिक लोगों के लिए उपयोगी बनाएं।
HTML
+
IDEAS

एक पेज पाठक के साथ एक बातचीत है।

चरण 1 · संरचना

शुरुआत करें कंकाल।

HTML टैग प्रत्येक भाग के कार्य का वर्णन करते हैं। एक सिमेंटिक ढांचा ब्राउज़रों, स्क्रीन रीडर्स और सहपाठियों को आपके पेज को समझने में मदद करता है।

इसे आज़माएंप्रत्येक टैग की ओर इशारा करें और बताएं कि वह किसके लिए जिम्मेदार है।
<header><nav><main><article><footer>
blog.htmlHTML
<!DOCTYPE html>
<html>
  <body>
    <header>
      <h1>फील्ड नोट्स</h1>
      <nav>के बारे में · आर्काइव</nav>
    </header>
    <main>
      <article>
        <h2>एक अच्छा पेज क्या बनाता है?</h2>
      </article>
    </main>
  </body>
</html>
सार्थक टैग पेज को नेविगेट करना आसान बनाते हैं।

चरण 2 · कंटेंट

पेज को एक दें आवाज़।

टैग कंटेंट को थामे रखते हैं, लेकिन लोग अपना नज़रिया लाते हैं। एक शीर्षक, एक उपयोगी लिंक और शब्दों के साथ एक इमेज जोड़ें जो कहानी बयां करे।

✓एक शीर्षक जो उम्मीदें तय करे
✓एक पैराग्राफ जिसमें एक स्पष्ट विचार हो
✓एक लिंक जो बताए कि वह कहाँ जाता है
पेयर प्रॉम्प्टअपनी हेडलाइन को ज़ोर से पढ़ें। क्या यह किसी को आमंत्रित करती है?
our-blog.local / journal•••

एक साझा जर्नल

एक अच्छा
वेब पेज कैसा महसूस होता है?

छोटे अवलोकनों का एक संग्रह, हमारे स्टूडियो से आपके लिए।

प्रविष्टि पढ़ें↗

चरण 3 · देखभाल और एक्सेस

जगह बनाएं हर कोई।

अच्छा HTML केवल सही दिखने के बारे में नहीं है। यह अधिक लोगों को पढ़ने, समझने और बातचीत में शामिल होने का उचित अवसर देता है।

Aaहेडिंग्सएक स्पष्ट रास्ता बनाएं।
↗लिंक्समंज़िल का वर्णन करें।
▧इमेजउपयोगी ऑल्ट टेक्स्ट जोड़ें।
अब आपकी बारीएक ब्लॉग सेक्शन का स्केच बनाएं, फिर वह HTML टैग चुनें जो उसे एक घर दे।
मैं देखता हूँ कि…
मैं सोचता हूँ कि…
मैं कोशिश कर सकता हूँ…
←पीछे
अगला→