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