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