वेबसाइट टेम्पलेट को कैसे संपादित करें

विषयसूची:

वेबसाइट टेम्पलेट को कैसे संपादित करें
वेबसाइट टेम्पलेट को कैसे संपादित करें

वीडियो: वेबसाइट टेम्पलेट को कैसे संपादित करें

वीडियो: वेबसाइट टेम्पलेट को कैसे संपादित करें
वीडियो: सीएसएस व्याख्यान 16: वेबसाइट टेम्पलेट डाउनलोड और संपादित करें | फ्री टेम्प्लेट से वेबसाइट बनाएं 2024, अप्रैल
Anonim

साइट बनाते समय, नेट पर मिलने वाले रेडीमेड टेम्प्लेट अक्सर उपयोग किए जाते हैं। उन्हें कभी-कभी उपयोगकर्ताओं द्वारा हजारों बार डाउनलोड किया जाता है, उनके आधार पर बनाए गए संसाधन दिखने में बहुत समान होते हैं। साइट के लिए एक व्यक्तिगत डिज़ाइन होने के लिए, इसके टेम्पलेट को संपादित किया जाना चाहिए।

वेबसाइट टेम्पलेट को कैसे संपादित करें
वेबसाइट टेम्पलेट को कैसे संपादित करें

यह आवश्यक है

  • - साइट टेम्पलेट;
  • - ड्रीमविवर सॉफ्टवेयर।

अनुदेश

चरण 1

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

चरण दो

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

चरण 3

एक विशिष्ट उदाहरण के साथ संपादन प्रक्रिया पर विचार करना सबसे सुविधाजनक है। कोई भी HTML टेम्प्लेट डाउनलोड करें - उदाहरण के लिए, यह एक: https://web-silver.ru/templates/sites/086/086.zip। इसे अनज़िप करें, फिर ड्रीमविवर में html फ़ाइल खोलें। ऊपरी बाएं कोने में मोड स्विच पर ध्यान दें - "कोड", "अलग", "डिज़ाइन"। मोड के बीच स्विच करके, आप टेम्पलेट को अपने लिए सबसे सुविधाजनक तरीके से संपादित कर सकते हैं।

चरण 4

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

चरण 5

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

सिफारिश की: