एचटीएमएलको प्रयोग गरी तपाईंको साइटको व्यवस्थापनलाई सरल बनाउन सकिन्छ
कुनै पनि वेबसाइटमा जानुहोस् र पृष्ठमा पृष्ठबाट नेविगेट गर्नुहोस् र तपाइँ चाँडै एहसास गर्नुहुनेछ कि, ती प्रत्येक पृष्ठहरू धेरै तरिकामा फरक हुन सक्छ, तिनीहरू पनि अरूमा पनि यस्तै छन्। लगभग सबै वेबसाइटहरूमा डिजाइनको तत्वहरू समावेश गर्दछ जुन साइटमा प्रत्येक पृष्ठमा दोहोर्याइएको छ। साइट तत्वहरूको केही उदाहरणहरू जुन प्रत्येक पृष्ठमा फेला पर्ने छ, हेडर क्षेत्र हुनेछ जहाँ लोगो अवस्थित हुन्छ, नेभिगेसन, र फुटर क्षेत्रमा।
साइटमा बारम्बार तत्वहरू प्रयोगकर्ता अनुभवमा स्थिरताको लागि अनुमति दिन्छ। आगन्तुकले प्रत्येक पृष्ठमा नेभिगेसन पत्ता लगाउन आवश्यक छैन किनकि एक पटक उनीहरूले भेट्टाएपछि उनीहरूलाई थाहा छ कि उनी साइटको अन्य पृष्ठहरूमा कहाँ छन्।
कसरी वेब डिजाइन अधिक कुशल बनाउन समावेश गर्दछ
कुनै व्यक्तिले वेबसाइट प्रबन्ध गर्ने काम गरेपछि यी दोहोर्याइएको क्षेत्रहरूले चुनौती प्रदान गर्दछ। के तपाईलाई केहि क्षेत्रमा परिवर्तन गर्न आवश्यक छ भने? उदाहरणको लागि, यदि तपाईंको फुटर (साइटको प्रत्येक पृष्ठमा छ) एक वर्षसँग एक कपीराइट कथन समावेश गर्दछ, के हुन्छ जब त्यो वर्ष परिवर्तन हुन्छ र तपाईंलाई मिति सम्पादन गर्न आवश्यक छ? किनकि सेक्सन प्रत्येक पृष्ठमा भएको छ, तपाईले तपाईलाई प्रत्येक साइटमा हरेक पृष्ठलाई व्यक्तिगत रूपमा परिवर्तन गर्न यो परिवर्तन गर्न आवश्यक छ - वा के तपाइँ?
समावेश सामग्रीले यो दोहोर्याइएको सामग्रीको लागि तपाइँको साइटको प्रत्येक पृष्ठ सम्पादन गर्न आवश्यक आवश्यकतालाई समाप्त गर्न सक्छ। बरु, तपाईले एक फाइल र तपाइँको सम्पूर्ण साइटमा भर्खरै सम्पादन र अद्यावधिक गर्नुहुनेछ!
आउनुहोस् केही तरिकाहरू हेर्न तपाईं यो प्रकार्यता तपाइँको साइटमा थप्न सक्नुहुन्छ र अन्यमा एउटा HTML फाइल समावेश गर्न सक्नुहुन्छ।
सामग्री व्यवस्थापन प्रणालीमा बारम्बार सामग्री
यदि तपाइँले साइटले CMS प्रयोग गर्दछ भने, यो सम्भवतः निश्चित टेम्प्लेटहरू वा थिमहरू त्यस सफ्टवेयरको भाग हुन्। यद्यपि यदि तपाइँले यो टेम्पलेटहरू यी टेम्पलेटहरू खरिदबाट बनाउनुहुन्छ भने, साइटले अझै पृष्ठहरूको लागि यो ढाँचा लिन्छ।
जस्तै, ती CMS टेम्प्लेटहरूले प्रत्येक पृष्ठमा दोहोर्याइएको साइटको क्षेत्रमा समावेश गर्दछ। तपाईं बस सीएमएसको ब्याकइन्डमा लग इन गर्नुहोस् र आवश्यक टेम्प्लेट सम्पादन गर्नुहोस्। त्यो टेम्प्लेट प्रयोग गर्ने साइटको सबै पृष्ठहरू अपडेट हुनेछन्।
यदि तपाइँसँग तपाइँको साइटको लागि सामाग्री व्यवस्थापन प्रणाली छैन भने, तपाइँ अझै पनि संलग्न फाईलहरूको फाइदा उठाउन सक्नुहुन्छ। एचटीएमएलमा समावेश छ, जुन तपाईंको साइटको यी सजिलो क्षेत्रहरू सजिलो बनाउन मद्दत गर्न सक्छ।
HTML के के हुन्?
समावेश समावेश एचटीएमएलको एक भाग हो जुन स्वयं HTML कागजात होइन। यसको सट्टा, यो अर्को पृष्ठको एक भाग हो कि पूर्ण प्रोग्रामिंगमाभोज प्रोग्रामिंगमा सम्मिलित गर्न सकिन्छ। अधिकतर फाइलहरू फाईलहरू हुन् जुन तिनीहरूका वेबसाइटहरू धेरै पेजहरूमा दोहोर्याइएको छन्। उदाहरणका लागि:
- नेभिगेसन
- प्रतिलिपि अधिकार जानकारी
- हेडर क्षेत्रहरू
- फुटर क्षेत्रहरु
पृष्ठहरूमा समावेश गरिएका दोहोर्याइएको क्षेत्रहरू राख्नको लागि त्यहाँ एक फायदा छ। दुर्भाग्यवश, फाईल घुसाउनको लागी प्रक्रिया केहि होइन जुन एचटीएमएलसँग मात्र हुन सक्छ, त्यसैले तपाईंलाई केहि प्रकारको कार्यक्रम वा स्क्रिप्ट आवश्यक पर्दछ जसले तपाईंको फाइलहरूमा तपाइँको वेब पृष्ठहरूमा थपिनेछ।
सर्भर साइड प्रयोग गर्दै
सर्भर साइड समावेश गर्दछ, एसएसआई को रूपमा पनि जानिन्छ, पहिले वेब विकासकर्ताहरूलाई अन्य पृष्ठ भित्र "HTML" कागजातहरूमा अनुमति दिईयो।
मूलतः, एक कागजातमा भेटिएको स्निपेट एक पृष्ठमा अन्य जब समावेश गरिन्छ जब पृष्ठ सर्भरमा दौडिएको छ र वेब ब्राउजरमा पठाइएको छ।
एसएसआई धेरै वेब सर्भरहरूमा समावेश गरिएको छ, तर तपाईंले यसलाई काम गर्न यो सक्षम गर्न सक्दछ। यदि तपाईलाई थाहा छैन भने तपाईको सर्वरले एसएसआईलाई समर्थन गर्दछ भने, तपाइँको होस्टिङ प्रदायकसँग सम्पर्क गर्नुहोस्।
यहाँ तपाईं कसरी तपाइँको सबै वेब पृष्ठहरूमा HTML को स्निपेट समावेश गर्न एसएसआई प्रयोग गर्न सक्नुहुन्छ भन्ने एउटा उदाहरण हो:
- HTML लाई तपाईंको साइट को सामान्य तत्वहरुको लागि अलग फाइलहरु को रूप मा सहेजें। उदाहरणका लागि, तपाइँको नेभिगेसन खण्ड नेभिगेशन-एण्ड वा नेभिगेशन.एसआई को रूपमा बचत हुन सक्छ ।
- प्रत्येक पृष्ठमा एचटीएमएल कागजातको कोड समावेश गर्नका लागि निम्न एसएसआई कोड प्रयोग गर्नुहोस् ( उद्धरण चिन्हहरू बीचको फाइलको पथ र फाइलनाम प्रतिस्थापन )। {सी}
- प्रत्येक पृष्ठमा यो कोड थप्नुहोस् जुन तपाईं फाइल समावेश गर्न चाहनुहुन्छ।
PHP प्रयोग गर्दै
PHP एक सर्भर स्तर लिपि भाषा हो। यसले केहि चीज गर्न सक्छ, तर एक सामान्य प्रयोग तपाईंको पृष्ठ भित्र एचटीएमएल कागजातहरू समावेश गर्न हो, हामीले भर्खरै एसएसआईको साथ लिनु पर्ने हो।
एसएसआई जस्तै, PHP एक सर्भर स्तर प्रविधि हो। यदि तपाइँसँग निश्चित छैन भने तपाईसँग तपाइँको वेबसाइटमा PHP कार्यक्षमता छ, तपाईंको होस्ट प्रदायकसँग सम्पर्क गर्नुहोस्।
यहाँ एक सरल PHP लिपि हो जुन तपाइँले कुनै HTML-सक्षम वेब पृष्ठमा एचटीएमएलको स्निपेट समावेश गर्न प्रयोग गर्न सक्नुहुन्छ:
- एचटीएमएललाई तपाईंको साइटको सामान्य तत्वहरूको लागि बचत गर्नुहोस्, जस्तै नेभिगेसन, फाइलहरू अलग गर्न। उदाहरणका लागि, तपाइँको नेभिगेसन खण्ड नेभिगेशन-एण्ड वा नेभिगेशन.एसआई को रूपमा बचत हुन सक्छ ।
- प्रत्येक पृष्ठमा HTML ( तपाइँको फाइलको मार्ग र उद्धरण चिन्हहरू बीच फाइलनाम प्रतिस्थापन ) समावेश गर्न निम्न PHP कोड प्रयोग गर्नुहोस्। navigation.php ");?>
- प्रत्येक पृष्ठमा त्यहि कोड थप्नुहोस् जुन तपाईं फाइल समावेश गर्न चाहनुहुन्छ।
JavaScript मा समावेश छ
जाभास्क्रिप्ट तपाईंको साइटको पृष्ठ भित्र एचटीएमएल समावेश गर्ने अर्को तरिका हो। यसलेसँग सर्भर-स्तरको प्रोग्रामिंग आवश्यकताको फायदा छैन, तर यो सानो र जटिल छ - र यो स्पष्ट रूपमा ब्राउजरको लागि कार्य गर्दछ जुन जाभास्क्रिप्टको लागि अनुमति दिन्छ, जसले प्रायः प्रयोगकर्तालाई यसलाई असक्षम गर्ने निर्णय गर्दछ।
यहाँ जाभास्क्रिप्ट प्रयोग गरेर HTML को स्निपेट कसरी समावेश गर्न सक्नुहुन्छ:
- एचटीएमएल बचत गर्नुहोस् तपाईंको साइटको साधारण तत्व जाभास्क्रिप्ट फाइलमा। यस फाइलमा लिखित कुनै पनि एचटीएमएल, कागजात.write प्रकार्यको साथ स्क्रिनमा छाप्नु पर्छ।
- त्यो फाइललाई तपाइँको वेबसाइटमा अपलोड गर्नुहोस्।
- तपाईंको पृष्ठमा जाभास्क्रिप्ट फाइल समावेश गर्न एक