वेब विकास के लिए तैयार समाधानों के आगमन के लिए धन्यवाद, वेबसाइट निर्माण इतनी कठिन प्रक्रिया नहीं है। टेम्प्लेट एक ऐसा समाधान है। विशेष रूप से, बहुस्तरीय बहु-पृष्ठ HTML टेम्पलेट। वे गतिविधि के किसी भी क्षेत्र में विभिन्न अनुप्रयोगों के लिए बनाए गए हैं।

HTML टेम्प्लेट आपको न केवल स्क्रैच से वेबसाइट की डिजाइन अवधारणा को लागू करने की आवश्यकता से छुटकारा पाने का एक शानदार अवसर प्रदान करते हैं, बल्कि आपको एक पूर्ण वेबसाइट भी देते हैं, जो आधुनिक तकनीकों और वेब विकास के क्षेत्र में दृष्टिकोण का उपयोग करके रखी गई है। वर्डप्रेस टेम्पलेट्स की तुलना में, उनका एकमात्र फायदा विकास मंच चुनने की स्वतंत्रता है। अन्य सभी मापदंडों के लिए, विशेष रूप से विकास में आसानी के लिए, वे गंभीरता से वर्डप्रेस और अन्य सीएमएस के लिए टेम्पलेट्स से हीन हैं। कम से कम यदि आप इस व्यवसाय के लिए नए हैं। यह व्यर्थ नहीं है कि वर्डप्रेस प्लेटफ़ॉर्म को इतनी लोकप्रियता मिली है - 53% से अधिक साइटें सीएमएस पर आधारित हैं और सभी साइटों के 29% इस पर बनाई गई हैं।

यदि आपके पास प्रासंगिक विकास कौशल नहीं है और लेआउट पर अतिरिक्त पैसा और समय खर्च नहीं करना चाहते हैं, तो तुरंत चुनना बेहतर है। InBenefit वेबसाइट पर, आपको विभिन्न साइटों के लिए इन विषयों के सैकड़ों रूपांतर मिलेंगे। लेकिन अगर आपका ज्ञान उच्च स्तर पर है, तो आप बिना किसी हिचकिचाहट के HTML टेम्पलेट का उपयोग कर सकते हैं।

सैकड़ों डिज़ाइन विकल्पों के साथ HTML टेम्पलेट्स को गुणा करें

मिसियो - कूल फ़ोटोग्राफ़र पोर्टफोलियो टेम्पलेट

मिसियो फोटोग्राफर्स, कलाकारों, डिजिटल एजेंसियों और फ्रीलांसरों के लिए एक शानदार दिखने वाला एक-पेज और बहु-पृष्ठ अद्वितीय पोर्टफोलियो साइट टेम्पलेट है, जो अपने कौशल को खूबसूरती से दिखाना चाहते हैं और ब्लॉगर आकर्षक पत्रिकाओं को रखना चाहते हैं। मिसियो को ट्विटर बूटस्ट्रैप 4 पर बनाया गया था और इसमें 40 से अधिक विभिन्न डेमो, 16 रंग योजनाओं, 7 फोंट, एक-पेज लेआउट विकल्प और अनगिनत पोर्टफोलियो, ब्लॉग, हेडर और स्लाइडर विकल्पों के साथ बड़ी संख्या में गुणवत्ता वाले HTML5 पृष्ठ शामिल हैं। आप मिसियो की शक्तिशाली विशेषताओं का उपयोग करके एक अनूठी वेबसाइट बना सकते हैं, जिसमें विभिन्न व्यावसायिक क्षेत्रों के लिए लेआउट शामिल हैं।

क्रायो - क्रिप्टोक्यूरेंसी पोर्टल के लिए आधुनिक लेआउट

क्रिप्टो एक क्रिप्टोक्यूरेंसी वेबसाइट के लिए एकदम सही लेआउट है। परियोजनाओं को हाइलाइट करने और बढ़ावा देने के लिए समर्पित वेबसाइट के लिए यह एक आधुनिक, अद्वितीय और साफ-सुथरा बहु-पृष्ठ टेम्पलेट है। आप इसे अन्य व्यावसायिक क्षेत्रों के लिए भी उपयोग कर सकते हैं। सभी HTML फाइलें अच्छी तरह से व्यवस्थित हैं। इस प्रकार, आप आसानी से डिजाइन को बदल सकते हैं और अपडेट कर सकते हैं। टेम्पलेट में उपलब्ध सभी तत्व 100% संपादन योग्य हैं। क्रायटो टैबलेट और फोन सहित सभी प्रमुख ब्राउज़रों और उपकरणों पर बहुत अच्छा लगता है। इस लेआउट का साफ कोड क्रायो का उपयोग करना आसान बनाता है।

एग्रो - जैविक खाद्य भंडार के लिए उत्तरदायी HTML टेम्पलेट

एग्रो कृषि और जैविक खाद्य उत्पादन में शामिल विभिन्न कंपनियों के लिए एक वेबसाइट टेम्पलेट है। इस टेम्पलेट का उपयोग करके, आप अपने उत्पादों को सबसे परिष्कृत तरीके से प्रदर्शित कर सकते हैं। एग्रो उन किसानों के लिए भी उपयुक्त है जो अपना खुद का व्यवसाय शुरू करना चाहते हैं। एग्रो कृषि और जैविक खाद्य भंडार के लिए बहु-पृष्ठ उत्तरदायी HTML टेम्पलेट प्रदान करता है। संक्षिप्त और रचनात्मक डिज़ाइन, अनुकूलन कोड और किट में शामिल विभिन्न PSD फ़ाइलें आपको एक शक्तिशाली ऑनलाइन स्टोर बनाने में मदद करेंगे।

किसी भी तरह की साइट के लिए मल्टी-पेज HTML टेम्प्लेट

PLUME - मल्टीटास्किंग HTML5 टेम्पलेट

इस टेम्पलेट में विभिन्न उपयोग के मामलों और उद्योगों के लिए 300 HTML पृष्ठ और 49 साइटें हैं: कैफे, कार किराए पर लेना, बढ़ई, सफाई कंपनी, निर्माण, निगम, दंत चिकित्सा, और इसी तरह। स्वच्छ कोड, संपर्क फ़ॉर्म और स्टाइलिश आइकन।

विक्स - विभिन्न साइटों के लिए उत्तरदायी एचटीएमएल 5 थीम

70+ साइट अवधारणाओं के साथ एक विषय चुनें। हेडर, मेनू और पाद लेख की कई शैलियाँ। मोबाइल आगंतुकों के लिए अनुकूल करने के लिए पूरी तरह उत्तरदायी। प्रीमियम स्लाइडर और पोर्टफोलियो प्लग इन शामिल हैं।

एलियन एक सफल वेबसाइट के लिए एक शांत सार्वभौमिक विषय है

इस विषय में केवल 240 पृष्ठ नहीं बल्कि 60 फोटोशॉप पीएसडी मॉकअप हैं। इसके आधार पर, आप एक कॉर्पोरेट और रचनात्मक वेबसाइट, एक रेस्तरां या स्पा के लिए एक वेबसाइट, एक ब्लॉग और एक पोर्टफोलियो बना सकते हैं।

एक समाधान - यूनिवर्सल HTML टेम्पलेट

यह टेम्पलेट एक बुनियादी वेब विकास समाधान के साथ आता है। स्वच्छ डिजाइन और पूर्ण कार्यक्षमता आपको अपने ब्रांड, सेवाओं या उत्पादों को बढ़ावा देने के लिए एक प्रथम श्रेणी की वेबसाइट प्राप्त करने की अनुमति देगा। एक मोबाइल और डेस्कटॉप संस्करण है।

गुणन HTML टेम्पलेट - सेवा उद्योग

विशेषज्ञ - व्यावसायिक कंपनियों के लिए परामर्श थीम

इस विषय को विकसित करते समय, परामर्श उद्योग का गहन अध्ययन किया गया और कंपनियों की मुख्य आवश्यकताओं को ध्यान में रखा गया। "समीक्षा", "पोर्टफोलियो" और "ब्लॉग" सहित प्रमुख खंड शामिल हैं। शांत प्रभाव के साथ एक सुंदर स्लाइडर। शुरुआती लोगों के लिए एक समान वर्डप्रेस टेम्पलेट उपलब्ध है।

ConsultingPress - यूनिवर्सल कंसल्टिंग फर्म वेबसाइट थीम

अपने व्यवसाय को अगले स्तर पर ले जाना चाहते हैं - यह इस विषय के साथ आसान है! विकास प्रक्रिया को गति देने के लिए कई साइटें शामिल हैं। उच्च गुणवत्ता वाले मार्कअप और हल्के कोड के कारण पूर्ण एसईओ अनुकूलन।

किसी भी सफाई, सफाई और नवीकरण कंपनी के लिए एक आदर्श विषय। विभिन्न रंग विविधताओं में सुंदर डिजाइन। एक सेवा आदेश प्रपत्र प्रदान किया जाता है। एक अलग वर्डप्रेस थीम है।

विकसित करते समय, आप छह मुख्य पृष्ठों में से चुन सकते हैं। यह पूरी प्रक्रिया को बहुत सरल करेगा। आप शांत स्लाइडशो का उपयोग कर सकते हैं और साइट को किसी भी रंग में डिज़ाइन कर सकते हैं। न्यूबीज को जूमला थीम पसंद आएगी।

औद्योगिक - औद्योगिक या निर्माण कंपनी के लिए साइट टेम्पलेट

इस टेम्पलेट के आधार पर, कोई भी औद्योगिक कंपनी या पेशेवर इंजीनियरिंग सेवाएं प्रदान करने वाली कंपनी एक विश्वसनीय वेबसाइट बनाने में सक्षम होगी। चुनने के लिए 11 डिज़ाइन विकल्प हैं। एक लंबन प्रभाव और कॉल-टू-एक्शन तत्वों का एक बहुत कुछ है।

आधुनिक यूआई-अनुकूलित डिजाइन के साथ एक पेशेवर होस्टिंग कंपनी की वेबसाइट के लिए यहां एक तैयार समाधान है। दो रंग विकल्प उपलब्ध हैं। WHMCS प्रणाली के लिए एक पंजीकरण पृष्ठ और समर्थन है।

यह काफी बहुमुखी टेम्पलेट उन कंपनियों के लिए उपयुक्त है जो बागवानी, बागवानी, कृषि, लॉन घास काटने और क्षेत्र की सफाई के लिए विभिन्न सेवाएं प्रदान करते हैं। डिजाइन रंगीन और उत्तरदायी है। एकीकृत Google मानचित्र और संपर्क फ़ॉर्म।

हम भी और के लिए महान WordPress विषयों है।

पर्यावरण हितैषी - पर्यावरण संगठन HTML मल्टीपेज वेबसाइट टेम्पलेट

इस विषय के साथ, आप आसानी से अपनी गतिविधियों को सफलतापूर्वक बढ़ावा देने और महत्वपूर्ण परियोजनाओं की ओर ध्यान आकर्षित करने के लिए वास्तव में एक सुंदर और विश्वसनीय वेबसाइट प्राप्त कर सकते हैं। रिच डिजाइन समाधान और लेआउट का एक विकल्प। एक समान वर्डप्रेस थीम उपलब्ध है।

Zayka - यूनिवर्सल कैफे या रेस्तरां वेबसाइट HTML थीम

इस थीम में गुणवत्ता HTML5 और CSS आधारित कोड है। विशेष डिजाइन विकल्प, आंखों को पकड़ने वाले स्लाइडर्स और बेहतर मैनुअल साइट विकास उपकरण। भयानक प्रभाव, चिपचिपा मेनू और सामाजिक एकीकरण।

सूप - ऑनलाइन ऑर्डरिंग फ़ंक्शन के साथ रेस्तरां थीम

तेजस्वी डिजाइन और ऑनलाइन भोजन के आदेश के लिए समर्थन सूप HTML विषय के लाभ के कुछ ही हैं। साथ ही, डेवलपर्स ने एक समान वर्डप्रेस थीम बनाई है जो शुरुआती लोगों के लिए उपयुक्त है।

सनसेट होटल - होटल या रिज़ॉर्ट वेबसाइट थीम

होटल और रिसॉर्ट व्यवसाय के लिए एक आधुनिक सार्वभौमिक विषय। सूची, गैलरी और समाचार पत्र द्वारा क्रमबद्ध 12 पृष्ठों के होते हैं।

व्यापार और व्यवसाय के लिए अधिक HTML टेम्पलेट विकल्प चाहते हैं? हमने उनके लिए विशेष रूप से समीक्षा तैयार की है। यदि आपको वर्डप्रेस थीम की आवश्यकता है

यह टेम्प्लेट आपको अपने सर्वश्रेष्ठ सॉफ्टवेयर उत्पादों को आधुनिक शैली में प्रस्तुत करने की अनुमति देगा। सॉफ्टवेयर और मोबाइल एप्लिकेशन के प्रोग्रामर और डेवलपर्स के लिए आदर्श। स्टाइलिश फोंट और आइकन शामिल हैं।

विभिन्न प्रकार की घटनाओं पर ध्यान देने और बढ़ावा देने के लिए एक उत्कृष्ट समाधान: प्रदर्शनियाँ, सेमिनार, सम्मेलन, सम्मेलन और व्यावसायिक बैठकें। स्पीकर, शेड्यूल, प्रायोजक और टिकट के लिए एक अनुभाग प्रदान किया गया है।

ब्लॉकबस्टर - मूवी की समीक्षाओं के साथ कैटलॉग या साइट के लिए एक टेम्प्लेट

क्या आप IMDb या Kinopoisk की भावना में साइट बनाना चाहते हैं? फिर यह टेम्पलेट आपके लिए है! क्लासिक और नई फिल्मों का डेटाबेस एकत्र करना, समीक्षाओं और समीक्षाओं को पोस्ट करना और विज्ञापन से पैसा कमाना आसान है। टेम्पलेट किसी भी ब्राउज़र के साथ उत्तरदायी और संगत है।

यदि आप इस लेख को पसंद करते हैं और बहु-पृष्ठ HTML वेबसाइट टेम्प्लेट डाउनलोड करना चाहते हैं, तो नीचे दिए गए बटन पर क्लिक करने के लिए स्वतंत्र महसूस करें जो आपसे सबसे अधिक अपील करता है। शुरुआती लोगों के लिए, मैं आपको विस्तृत चयन के साथ खुद को परिचित करने की सलाह देता हूं।

Artyom प्रोजेक्ट की वेबसाइट "सफलता की वेब प्रयोगशाला" पर कई समीक्षाओं और लेखों के लेखक हैं, जो टेम्पलेट, प्लगइन्स, पाठ्यक्रम और साइट के अन्य विषयों के लिए समर्पित हैं। वर्डप्रेस प्लेटफॉर्म के लिए टेम्प्लेट और प्लगइन्स के चयन में एक विशेषज्ञ, आदि शौक: दिलचस्प साहित्य और बाहरी गतिविधियों को पढ़ना।

प्रकाशन दिनांक: 02-02-2016 9155

आप शायद सोच रहे हैं कि कैसे स्वयं एक बहु-पृष्ठ वेबसाइट बनाएं HTML, प्रोग्रामिंग और डिजाइन के ज्ञान के बिना। इस लेख में, हम इस तकनीक का परिचय देंगे। और एक उदाहरण के रूप में, आइए कोशिश करते हैं मांस की बिक्री के लिए वेबसाइट टेम्पलेट के आधार पर मुफ्त में। सुविधा के लिए, हम पूरी प्रक्रिया को कई चरणों में विभाजित करेंगे।

चरण 1। निर्धारित करें कि साइट पर कौन से पृष्ठ होंगे। उदाहरण के लिए: होम पेज, हमारे बारे में, कैटलॉग, संपर्क। साइट का मुख्य पृष्ठ बनाते हैं। यह इस पर एक मेनू बनाता है - हम इसके लिए एक उपयुक्त ब्लॉक जोड़ते हैं।

अपने सभी कार्यों को बचाने के लिए याद रखें ताकि आप खो न जाएं।

चरण 2। हम दूसरा पेज बनाते हैं। ऐसा करने के लिए, पृष्ठ पर जाएं और EDIT बटन के बगल में तीन बिंदुओं पर क्लिक करें। वहां आपको एक पंक्ति में संकेत दिखाई देंगे, उनमें आपको "कॉपी" आइकन का चयन करने की आवश्यकता है।

यह आंखों के आइकन को "बंद" करना महत्वपूर्ण है, जिसे आप पृष्ठ के बाईं ओर देखेंगे। बस नेत्र आइकन पर क्लिक करें और यह बाहर निकल जाएगा। यह वही है जो हमें चाहिए।
और इसलिए - मुख्य एक को छोड़कर सभी पृष्ठों के साथ।

चरण 3। एक महत्वपूर्ण कदम साइट मेनू बना रहा है। मुख्य पृष्ठ संपादक पर जाएं और मेनू पर क्लिक करें। एक खिड़की निकलेगी। इस विंडो में, आपको मेनू की प्रत्येक पंक्ति (उदाहरण के लिए, "हमारे बारे में", "संपर्क" और इसी तरह) पर क्लिक करने की आवश्यकता है और दिखाई देने वाली पंक्ति में, इच्छित पृष्ठ पर एक लंगर या लिंक लिखें। लेकिन एंकर या लिंक को सही तरीके से लिखना महत्वपूर्ण है।

मेनू बार पर क्लिक करके उसी पृष्ठ पर किसी भी ब्लॉक में जाने के लिए, आपको आवश्यकता है:

• ब्लॉक सेटिंग्स पर क्लिक करें,
• नीचे स्क्रॉल करें और "ब्लॉक एंकर" लाइन में आप स्वयं एंकर देखेंगे। यह इस तरह a_1116942 या एंकर 3 की तरह लग सकता है,
• इस लंगर को बिच्छू और वांछित मेनू लाइन में पेस्ट करें। लेकिन यह महत्वपूर्ण है कि लंगर के सामने एक हैश चिन्ह हो: #

मेनू से दूसरे पृष्ठ पर जाने के लिए, आपको ऊपर जैसा ही करना होगा, लेकिन एंकर के बजाय, पेज का लिंक लिखें। इसके लिए आपको चाहिए:

• सबसे पहले "प्रोजेक्ट सेटिंग" पर जाएं और वहां सबसे नीचे लाइन "ए-बी परीक्षण के बजाय पृष्ठों का उपयोग करें" का चयन करें, इसे सक्रिय करें। प्रोजेक्ट पेज कुछ इस तरह दिखेगा:

• आगे हमें पृष्ठों के लिए URL लिखना होगा। ऐसा करने के लिए, ट्रांसलिट वेबसाइट पर जाएं और रूसी पाठ के लिए विंडो में पेज का नाम डालें (उदाहरण के लिए, "हमारे बारे में"), क्लिक करें - अनुवाद करें। और हम उस साइट को जारी किए गए कॉपी करते हैं। इस मामले में: ओ-नास;
• प्रोजेक्ट्स पर वापस जाएं, EDIT बटन के आगे तीन डॉट्स पर क्लिक करें और आइकन की पंक्ति से एडिट साइन (पेंसिल) चुनें। एक विंडो दिखाई देगी। इसमें, "पृष्ठ का URL" पंक्ति में (नीचे स्क्रीनशॉट देखें) हमने जो भी अनुवाद किया है, उसे हम ट्रांसलेट वेबसाइट पर कॉपी करते हैं।

हम साइट के प्रत्येक पृष्ठ के साथ इसे दोहराते हैं। और फिर संपादन मोड में मुख्य पृष्ठ पर जाएं - मेनू में। अगला, यहां आपको निम्नलिखित करने की आवश्यकता है:

• मेनू पर क्लिक करें। बाईं तरफ एक खिड़की निकलेगी।
• इस विंडो में, मेनू में वांछित लाइन पर क्लिक करें और आपको लाइन के दाईं ओर चेन साइन के साथ एक हरे रंग का वर्ग दिखाई देगा।
• उस पर क्लिक करें और दिखाई देने वाली सूची से आपको जो चाहिए वह चुनें। उदाहरण के लिए, "हमारे बारे में" (नीचे स्क्रीनशॉट देखें)। और इसलिए हम सभी पृष्ठों के साथ करते हैं।

साइटों को छोड़ने के बीच बचाने के बटन को हिट करने के लिए मत भूलना!

चरण 4। हम अपनी साइट का SEO ऑप्टिमाइजेशन करते हैं। प्रोजेक्ट्स पेज पर जाएं। तीन बिंदुओं पर क्लिक करें और पहले संपादक का चयन करें। पेंसिल आइकन। खुलने वाली विंडो में, पहले "इस पृष्ठ के लिए व्यक्तिगत एसईओ सेटिंग्स का उपयोग करें" लाइन के बगल में स्थित चेकबॉक्स को सक्रिय करें। और नीचे हम प्रत्येक पृष्ठ के लिए शीर्षक, विवरण, कीवर्ड को निर्देशों के अनुसार सादृश्य द्वारा लिखते हैं - लैंडिंग पृष्ठ के लिए एसईओ।

और इसलिए हम प्रत्येक पृष्ठ के साथ करते हैं। सभी कार्यों को बचाने के लिए याद रखना।

चरण 5। एक बहु-पृष्ठ साइट पर काम को सरल बनाने के लिए, आपको एक मेनू बनाने की आवश्यकता है। इस वीडियो में, सब कुछ विस्तार से वर्णित है: साइट के लिए एक एकल मेनू कैसे बनाया जाए।

आपके द्वारा प्रत्येक पृष्ठ पर प्रदर्शित होने के लिए बनाए गए मेनू के लिए, आपको साइट के प्रत्येक पृष्ठ पर एक मेनू लगाने की आवश्यकता नहीं है। आप इसे बहुत आसान कर सकते हैं। और यह बहुत तेज और अधिक सुविधाजनक होगा। क्या किया जाए?

• हम प्रत्येक पृष्ठ का संपादन खोलते हैं।
• मुख्य अनुभाग में आईडी मेनू सेटिंग्स में दिखाई दी। हम इसकी नकल करते हैं।
• बाकी पृष्ठों को संपादित करने में, "ब्लॉक लिंक" जोड़ें और इसे ऊपर ले जाएं। साइट हेडर कहां है सेटिंग्स में, सेक्शन आईडी डालें।
• और हम इस प्रक्रिया को प्रत्येक पृष्ठ पर करते हैं।
• हम बचाते हैं और जांचते हैं।

बधाई हो! आपने स्वयं एक बहु-पृष्ठ वेबसाइट बनाई है!

आमतौर पर एक पृष्ठ की साइट लिखने में कोई समस्या नहीं होती है। जब अधिक पृष्ठ होते हैं, तो सवाल उठता है कि एक ही बार में साइट के कई पृष्ठों पर माप कैसे करें। यह डिजाइन शैली को बदलने के बारे में नहीं है, बल्कि साइट की संरचना को बदलने के बारे में है।

आइए एक बहु-पृष्ठ पालतू जानवरों की दुकान साइट के उदाहरण को देखें। साइट की संरचना इस प्रकार है: शीर्ष पर कंपनी का लोगो है, नीचे तीन कॉलम हैं (मेनू, सामग्री, समाचार), नीचे काउंटर हैं और जानकारी के उपयोग पर एक समझौता है। बस ध्यान दें कि फ़्रेम का उपयोग अंतिम समाचार पत्र में चर्चा किए गए कारणों के लिए नहीं किया जाएगा। आइए इस साइट के पहले पृष्ठ के लिए एक सरलीकृत HTML कोड लिखें:

01
02
03
04
05
06

07
10

08 "फजी" 09

11
12
13
18
21
25
25

14 स्टोर के बारे में 15 छोटे जानवर 16 संचार 17

19 हमारा स्टोर शराबी जानवरों को बेचता है। 20

22 समाचार: 23 सभी रंगों के मगरमच्छ आज बिक्री पर हैं। 24

26
27
30

28 <(c) Все права защищены, зоомагазин "Пушистик" 29

31
32

जैसा कि आप उदाहरण से देख सकते हैं, साइट में तीन पृष्ठ हैं: index.html, animals.html, contacts.html। सामग्री भाग (पंक्ति 19) को छोड़कर सभी पृष्ठों में समान संरचना है। मैं एक नया पृष्ठ कैसे जोड़ूं? ऐसा करने के लिए, आपको तीन मौजूदा फ़ाइलों में मेनू को ठीक करना होगा, और एक नए मेनू और सामग्री भाग के साथ एक चौथी फ़ाइल जोड़ना होगा। लोगो या समाचार को बदलने के लिए, आपको सभी फ़ाइलों को ठीक करने की भी आवश्यकता है। तीन-पृष्ठ साइट के लिए, यह हाथ से किया जा सकता है, लेकिन केवल कंपनी बढ़ी है, उत्पादों की सीमा बढ़ी है और साइट 1000 पृष्ठों तक बढ़ी है। इस मामले में कैसे होना है?

सबसे कम लागत पर साइट के सभी पृष्ठों पर परिवर्तन कैसे करें? मैं आपके ध्यान में एक सरल और प्रभावी तरीका लाता हूं। हम साइट के सिमेंटिक भागों को अलग-अलग फ़ाइलों में रखेंगे:

हेडर और हेड फाइल में लोगो (लाइन 01-10),
मेन फाइल में मेन टेबल और मेन्यू की शुरुआत (लाइनें 11-17)
मुख्य तालिका का सिमेंटिक भाग main1 फ़ाइल में है, और मुख्य खंडों का मुख्य भाग main2, main3, आदि फाइलों में है। (लाइनें 18-20)
समाचार फ़ाइल में समाचार और मुख्य तालिका का अंत (लाइनें २.२)
फ़ाइल कोड के बाकी कोड नीचे लिखें (लाइनें 25-32)
चलो निम्नलिखित सामग्री के साथ एक मेकबट फ़ाइल (एक्सटेंशन की आवश्यकता है) बनाएं:

कॉपी / बी हेड + मेन्यू + मेन 1 + न्यूज + बॉटम इंडेक्स। html
कॉपी / बी सिर + मेनू + main2 + समाचार + नीचे जानवरों
कॉपी / बी हेड + मेन्यू + मेन 3 + न्यूज + बॉटम contacts.html

अब Make.bat फाइल को डबल क्लिक करके चलाएं ... get तीन फाइलें index.html, animals.html, contacts.html। MS विंडोज में .bat एक्सटेंशन वाली एक फाइल एक बैच फ़ाइल, या सिर्फ एक स्क्रिप्ट है। कॉपी कमांड विभिन्न फाइलों से एक फाइल बनाता है। अब, उदाहरण के लिए, समाचार को बदलने के लिए, समाचार फ़ाइल को सही करने और मेक.बट स्क्रिप्ट को चलाने के लिए पर्याप्त है - सभी फ़ाइलों में सभी परिवर्तन स्वचालित रूप से हो जाएंगे। एक नया खंड जोड़ने के लिए, बस मेनू में एक पंक्ति जोड़ें, सामग्री भाग को एक नई फ़ाइल main4 में लिखें और मेक.बेट स्क्रिप्ट (कॉपी / बी हेड + मेन्यू +) के लिए एक पंक्ति जोड़ें main4+ समाचार + नीचे novyi_fail.html)। स्क्रिप्ट चलाने के बाद, आपके पास सभी परिवर्तनों के साथ चार फाइलें होंगी।

ध्यान दें कि यह विधि एक वेबसाइट बनाने के लिए उपयुक्त है कोई भी पृष्ठों की संख्या! अब आप लगभग एक क्लिक के साथ अपनी साइट में बदलाव कर सकते हैं! बेशक, स्क्रिप्ट को आपके विवेक पर संशोधित किया जा सकता है, और सिमेंटिक ब्लॉक को आपकी साइट की संरचना के आधार पर रिक्त फ़ाइलों में जोड़ा जा सकता है।

इस अनुभाग में, मैं आपको यह दिखाने की कोशिश करूंगा कि PHP का उपयोग करके एक बहु-पृष्ठ वेबसाइट टेम्पलेट कैसे बनाया जाए। मुझे लगता है कि कई इंटरनेट नोटिस सर्फिंग की प्रक्रिया में है कि ज्यादातर साइटों में "समान" पृष्ठ शामिल हैं। ऐसे प्रत्येक पृष्ठ के शीर्षक, बाएँ, दाएँ और नीचे लगभग समान हैं, और वे केंद्र में रखे केवल मुख्य भाग की सामग्री में एक दूसरे से भिन्न होते हैं। साइट का मुख्य मेनू आमतौर पर पृष्ठ के शीर्ष पर स्थित होता है। बाएँ और दाएँ स्तंभ में विभिन्न प्रकार के लिंक, बैनर और विज्ञापन इकाइयाँ हो सकती हैं। तल पर, वे सभी पृष्ठों के लिए प्रोजेक्ट, कॉपीराइट और अन्य डेटा के बारे में जानकारी रखना पसंद करते हैं। ऐसे पृष्ठों को मैन्युअल रूप से बनाना निश्चित रूप से संभव है, लेकिन यह उचित नहीं है, क्योंकि प्रत्येक पृष्ठ के मूल HTML मार्कअप में उचित मात्रा में डुप्लिकेट कोड होंगे, और उनकी संरचना को बदलने के लिए त्रुटियों या प्रयासों के मामले में, आपको सभी पृष्ठों में बदलाव करने होंगे। PHP का उपयोग करते हुए, इस तरह के पेज के लिए टेम्पलेट बनाने की समस्या को काफी सरलता से हल किया जाता है।

इस टेम्पलेट से मेल खाने वाले पृष्ठ को बनाने का स्रोत कोड कुछ इस तरह दिखाई देगा:

start_center (); गूंज "

", गूंज" ", गूंज" ", गूंज" ", गूंज" ", गूंज" ", गूंज" "; get_page () -\u003e end_center ();" footer.php "; close_ शामिल करें ();\u003e;

स्रोत कोड page.php

पृष्ठ मार्कअप का निर्माण शुरू करने से पहले, यह Global.php फ़ाइल को शामिल करने के लिए आवश्यक है, जो बहुत पहले आवश्यक_ऑन स्टेटमेंट में इंगित किया गया है। इसके बाद, हम पृष्ठ के शीर्षक, वर्णन और कीवर्ड के मान में गुजरते हुए, वैश्विक ओपन_पेज () फ़ंक्शन को कॉल करके पेज को इनिशियलाइज़ करते हैं। उसके बाद, शामिल किए गए कथन का उपयोग करते हुए, हम पृष्ठ के शीर्षक और साइडबार को शामिल करते हैं और मुख्य वर्ग के मार्कअप को पेज क्लास के शुरुआती_कार्ट () विधि से कॉल करते हैं। अब आप मुख्य पृष्ठ लेआउट बना सकते हैं, जो मुख्य क्षेत्र की सीमाओं के भीतर प्रदर्शित होगा। अंत में, आपको end_center () कॉल करके मुख्य क्षेत्र को बंद करने की आवश्यकता है, पाद चिह्न जोड़ें और बंद करें पृष्ठ का उपयोग कर बंद करें (पेज) वैश्विक फ़ंक्शन।

यह बहुत आसान है। शीर्ष लेख के लिए सोर्स कोड। Php, left_side.php, right_side.php और footer.php नीचे दिखाया गया है। यदि पृष्ठों के समूह के लिए आपको इन क्षेत्रों की सामग्री को बदलने की आवश्यकता है, तो इन फ़ाइलों के विशेष संस्करण बनाएं और उनके लिए निर्देशों के तर्कों को बदलें शामिल पेज टेम्पलेट में।

start_header (); गूंज "

साइट का नाम

"; get_page () -\u003e end_header () ;;;

स्रोत कोड शीर्ष लेख।

start_left_side (); गूंज "

", गूंज" ", गूंज" "; get_page () -\u003e end_left_side ();;\u003e;

बाएँ के लिए स्रोत कोड।

start_right_side (); गूंज "

", गूंज" ", गूंज" "; get_page () -\u003e end_right_side ();\u003e;"

राइट.php स्रोत कोड।

start_footer (); गूंज ""; get_page () -\u003e end_footer (); ?\u003e

Footer.php के लिए स्रोत कोड।

माना टेम्प्लेट के प्रसंस्करण का परिणाम देखा जा सकता है।