साइट का बैकग्राउंड कैसे बदलें

विषयसूची:

साइट का बैकग्राउंड कैसे बदलें
साइट का बैकग्राउंड कैसे बदलें

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

वीडियो: साइट का बैकग्राउंड कैसे बदलें
वीडियो: वेबसाइट द्वारा ऑनलाइन फोटो पृष्ठभूमि बदलें मुफ्त | फोटो संपादन वेबसाइट 2024, मई
Anonim

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

साइट का बैकग्राउंड कैसे बदलें
साइट का बैकग्राउंड कैसे बदलें

अनुदेश

चरण 1

पृष्ठभूमि बदलने के लिए, आपको पहले यह निर्धारित करना होगा कि यह साइट पृष्ठों के वर्तमान संस्करण में कैसे सेट है। ऐसा करने के लिए, सर्वर पर पृष्ठ का स्रोत कोड खोलें। यह एक साधारण टेक्स्ट एडिटर के साथ किया जा सकता है, एक मानक नोटपैड करेगा। और यदि आप किसी भी सामग्री प्रबंधन प्रणाली का उपयोग करते हैं, तो पृष्ठ को सीधे ब्राउज़र में अंतर्निहित पृष्ठ संपादक का उपयोग करके संपादित किया जा सकता है। पृष्ठ के HTML कोड (HTML - HyperText Markup Language, "hypertext Markup language") में पंक्तियाँ होती हैं वेब पेज के प्रत्येक तत्व के प्रकार, रूप और लेआउट का वर्णन करने वाले ब्राउज़र के लिए निर्देश। इन निर्देशों को "टैग" कहा जाता है और उन्हें ब्लॉक में बांटा जाता है, जिनमें से एक प्रारंभ टैग से शुरू होता है और अंत टैग के साथ समाप्त होता है। HTML मानकों के अनुसार, आप प्रारंभिक टैग में पृष्ठ पृष्ठभूमि पैरामीटर सेट कर सकते हैं। यह इसमें bgcolor विशेषता रखकर किया जाता है: यहां इस पृष्ठ का पृष्ठभूमि रंग हरा पर सेट है। HTML मानकों के अनुसार कुछ रंगों के अपने नाम होते हैं - उदाहरण के लिए, चॉकलेट या गेन्सबोरो, लेकिन आमतौर पर हेक्साडेसिमल रंग कोड का उपयोग करते हैं: यदि पृष्ठभूमि का रंग इस तरह से निर्दिष्ट किया गया है, तो आपको पृष्ठ कोड में बॉडी टैग ढूंढना चाहिए और bgcolor विशेषता को बदलना चाहिए आप जो चाहते हैं उसके साथ मूल्य।

चरण दो

अधिक जटिल डिज़ाइन वाले पृष्ठ अक्सर उपस्थिति का वर्णन करने के लिए CSS (कैस्केडिंग स्टाइल शीट्स) का उपयोग करते हैं। CSS एक ऐसी भाषा है जिसे विशेष रूप से HTML दस्तावेज़ में तत्वों की उपस्थिति का वर्णन करने के लिए डिज़ाइन किया गया है। सीएसएस-कोड के ब्लॉक या तो पेज कोड में शामिल किए जा सकते हैं, जो "सीएसएस" एक्सटेंशन के साथ एक अलग फाइल में निहित है और पेज सोर्स कोड में एक विशेष निर्देश के साथ पेज से जुड़ा है। आपको पेज कोड में टैग मिलना चाहिए - यदि यह किसी बाहरी फ़ाइल को संदर्भित करेगा, तो आपको संपादन के लिए इस फ़ाइल को खोलने की आवश्यकता है। ऐसा लिंक इस तरह दिख सकता है: @import "style.css"; और अगर टैग के तुरंत बाद निर्देश आते हैं, और फ़ाइल का लिंक नहीं है, तो आपको यहां शैलियों को संपादित करने की आवश्यकता है। दोनों ही मामलों में, आपको शैली विवरण के उस भाग की तलाश करनी होगी जो दस्तावेज़ के मुख्य भाग - बॉडी को संदर्भित करता है। लेकिन सीएसएस भाषा में, इसे अब "टैग" नहीं बल्कि "चयनकर्ता" कहा जाएगा, और यह उदाहरण के लिए, इस तरह दिख सकता है:

तन {

पृष्ठभूमि-रंग: हरा;

सफ़ेद रंग;

}

आपको पृष्ठभूमि-रंग पैरामीटर के मान को प्रतिस्थापित करने की आवश्यकता है - यह पृष्ठ का पृष्ठभूमि रंग सेट करता है। और यहां भी, कुछ रंगों के रंगों को नाम से इंगित करना संभव है, लेकिन हेक्साडेसिमल मानों का उपयोग करना बेहतर है। उदाहरण के लिए, छाया के लिए हेक्साडेसिमल मान चॉकलेट = # D2691E। न केवल रंग, बल्कि पृष्ठभूमि के लिए छवि भी निर्दिष्ट करना संभव है: शरीर {

पृष्ठभूमि: हरा यूआरएल (img / bg.jpg) रिपीट-एक्स;

सफ़ेद रंग;

} यहाँ url (img / bg.jpg) का अर्थ है कि bg.jpg

सिफारिश की: