विंडोज नोटपैड एक मूल वर्ड प्रोसेसिंग प्रोग्राम है जिसका उपयोग आप अपने वेब पेजों को लिखने के लिए कर सकते हैं। वेब पेज केवल टेक्स्ट हैं, और आप HTML लिखने के लिए किसी भी वर्ड प्रोसेसिंग प्रोग्राम का उपयोग कर सकते हैं। यह ट्यूटोरियल आपको प्रक्रिया के माध्यम से चलता है।
07 में से 01अपनी फ़ाइलों को एक नए फ़ोल्डर में रखें
नोटपैड में एक नई वेबसाइट बनाने के लिए, पहले इसे स्टोर करने के लिए एक अलग फ़ोल्डर बनाएं। आम तौर पर, आप अपने वेब पेज को मेरे दस्तावेज़ फ़ोल्डर में एचटीएमएल नामक फ़ोल्डर में स्टोर करते हैं, लेकिन आप उन्हें स्टोर कर सकते हैं जहां आप चाहें।
- को खोलोमेरे दस्तावेज खिड़की।
- क्लिक करें फ़ाइल > नया > फ़ोल्डर।
- फ़ोल्डर का नाम दें मेरा वेबसाइट।
महत्वपूर्ण लेख: वेब फ़ोल्डरों और फ़ाइलों को सभी लोअरकेस अक्षरों का उपयोग करके और किसी भी स्थान या विराम चिह्न के बिना नाम दें। जबकि विंडोज आपको रिक्त स्थान का उपयोग करने की अनुमति देता है, कई वेब-होस्टिंग प्रदाता नहीं करते हैं, और यदि आप फ़ाइलों और फ़ोल्डर्स को शुरुआत से ठीक से नाम देते हैं तो आप स्वयं को कुछ समय और परेशानी बचाएंगे।
पृष्ठ को एचटीएमएल के रूप में सहेजें
निर्देशिका नाम के साथ, जब आप पृष्ठ को सहेजते हैं, तो सभी लोअरकेस अक्षरों और फ़ाइल नाम में कोई रिक्त स्थान या विशेष वर्णों का उपयोग करें।
- नोटपैड में, क्लिक करें फ़ाइल और फिर के रूप रक्षित करें।
- उस फ़ोल्डर पर जाएं जहां आप अपनी वेबसाइट फ़ाइलों को सहेजते हैं।
- बदलाव टाइप के रुप में सहेजें ड्रॉप-डाउन मेनू को सारे दस्तावेज (*।*)।
- फ़ाइल का नाम दें। यह ट्यूटोरियल नाम का उपयोग करता है pets.htm।
03 का 03
वेब पेज लिखना शुरू करें
आपके नोटपैड एचटीएमएल 5 दस्तावेज़ में सबसे पहले आपको टाइप करना चाहिए DOCTYPE। यह ब्राउज़र को बताता है कि किस प्रकार के एचटीएमएल की उम्मीद है।
डॉक्टरेट घोषणा एक टैग नहीं है। यह कंप्यूटर को बताता है कि एक HTML5 दस्तावेज़ आ रहा है। यह हर एचटीएमएल 5 पेज के शीर्ष पर जाता है और यह इस फॉर्म को लेता है:
एक बार आपके पास DOCTYPE है, तो आप अपना HTML प्रारंभ कर सकते हैं। शुरुआत टैग और अंत टैग दोनों टाइप करें और अपने वेब पेज बॉडी सामग्री के लिए कुछ जगह छोड़ दें। आपका नोटपैड दस्तावेज़ इस तरह दिखना चाहिए:
अपने वेब पेज के लिए एक सिर बनाएँ
एक HTML दस्तावेज़ का प्रमुख वह स्थान है जहां आपके वेब पेज के बारे में मूलभूत जानकारी संग्रहीत की जाती है - पेज शीर्षक जैसे चीजें और संभवतः खोज इंजन अनुकूलन के लिए मेटा टैग। हेड सेक्शन बनाने के लिए, एचटीएमएल टैग्स के बीच अपने नोटपैड एचटीएमएल टेक्स्ट दस्तावेज़ में हेड टैग जोड़ें।
एचटीएमएल टैग के साथ, उनके बीच कुछ जगह छोड़ दें ताकि आपके पास सिर की जानकारी जोड़ने के लिए जगह हो।
05 का 05हेड सेक्शन में एक पेज शीर्षक जोड़ें
आपके वेब पेज का शीर्षक टेक्स्ट है जो ब्राउज़र की विंडो में प्रदर्शित होता है। जब कोई आपकी साइट को सहेजता है तो यह बुकमार्क और पसंदीदा में भी लिखा जाता है। शीर्षक टैग के बीच शीर्षक पाठ स्टोर करें। यह केवल वेब पेज पर दिखाई नहीं देगा, केवल ब्राउज़र के शीर्ष पर।
इस उदाहरण पृष्ठ का शीर्षक "मैककिनले, शास्ता, और अन्य पालतू जानवर" है।
इससे कोई फर्क नहीं पड़ता कि आपका शीर्षक कितना समय है या यदि यह आपके एचटीएमएल में कई लाइनों को फैलाता है, लेकिन छोटे शीर्षक पढ़ने के लिए आसान होते हैं, और कुछ ब्राउज़र ब्राउज़र विंडो में लंबे समय तक काटते हैं।
07 का 07आपके वेब पेज का मुख्य निकाय
आपके वेब पेज का शरीर बॉडी टैग के भीतर संग्रहीत होता है। यह सिर टैग के बाद आना चाहिए लेकिन अंत में एचटीएमएल टैग से पहले होना चाहिए। यह वह जगह है जहां आप टेक्स्ट, हेडलाइंस, उपशीर्षक, छवियों और ग्राफिक्स, लिंक और अन्य सभी सामग्री डालते हैं। यह तब तक हो सकता है जब आप चाहें।
शुरुआती और अंतिम शरीर टैग के बीच अतिरिक्त जगह छोड़ दें।
नोटपैड में अपना वेब पेज लिखने के लिए यह वही प्रारूप का पालन किया जा सकता है।
07 का 07एक छवि फ़ोल्डर बनाना
अपने एचटीएमएल दस्तावेज़ के शरीर में सामग्री जोड़ने से पहले, आपको अपनी निर्देशिकाएं सेट अप करने की आवश्यकता है ताकि आपके पास छवियों के लिए एक फ़ोल्डर हो।
- को खोलो मेरे दस्तावेज खिड़की।
- में बदलें मेरा वेबसाइट फ़ोल्डर।
- क्लिक करें फ़ाइल > नया > फ़ोल्डर।
- फ़ोल्डर का नाम दें इमेजिस.
छवियों फ़ोल्डर में अपनी वेबसाइट के लिए सभी छवियों को स्टोर करें ताकि आप उन्हें बाद में पा सकें। जब आपको आवश्यकता हो तो यह उन्हें अपलोड करना आसान बनाता है।
