उपयोग किए गए डिज़ाइन के आधार पर वेब पेजों के स्रोत कोड में पृष्ठभूमि को या तो एक रंग निर्दिष्ट करके, या किसी छवि फ़ाइल को इसके पोजिशनिंग पैरामीटर के साथ जोड़कर सेट किया जा सकता है। यह सीधे HTML टैग्स में, स्रोत के हेडर भाग में एक अलग CSS ब्लॉक में, या शैली विवरण के साथ एक अलग फ़ाइल में किया जा सकता है।
अनुदेश
चरण 1
उस ब्लॉक का सोर्स कोड खोलें जिसका उपयोग आपकी साइट पर उसके पृष्ठों की पृष्ठभूमि सेट करने के लिए किया जाता है। किसी भी नियंत्रण प्रणाली का उपयोग करते समय, यह ब्लॉक, एक नियम के रूप में, एक अलग फ़ाइल में आवंटित किया जाता है। नियंत्रण प्रणाली में ही इसे सीधे ब्राउज़र में संपादित करने के लिए उपकरण हैं। विशिष्ट प्रणाली के आधार पर, इस प्रक्रिया को विभिन्न तरीकों से व्यवस्थित किया जा सकता है - उदाहरण के लिए, पृष्ठ संपादक के माध्यम से। यदि आप नियंत्रण प्रणाली का उपयोग नहीं करते हैं, तो संबंधित फ़ाइल को आपके कंप्यूटर पर डाउनलोड किया जाना चाहिए और किसी भी संपादक में खोला जाना चाहिए। एक विशेष HTML संपादक का उपयोग करना बेहतर है, लेकिन आप सबसे सरल नोटपैड का भी उपयोग कर सकते हैं।
चरण दो
यदि पृष्ठ की पृष्ठभूमि रंग होनी चाहिए, चित्र नहीं, तो रंग छाया को इंगित करने वाले बॉडी टैग में एक bgcolor विशेषता जोड़ें। उदाहरण के लिए:
यहाँ पृष्ठभूमि के रूप में एक गहरा नारंगी रंग है। ब्राउज़र द्वारा छाया के प्रत्येक पाठ ("स्मरक") नाम को पहचाना नहीं जा सकता है, इसलिए हेक्साडेसिमल रंग कोड का उपयोग करना बेहतर है। उदाहरण के लिए, कोड FF8C00 एक गहरे नारंगी रंग से मेल खाता है:
चरण 3
अगर बैकग्राउंड को रंग के बजाय किसी इमेज से सेट करना है, तो बॉडी टैग पर bgcolor के बजाय बैकग्राउंड एट्रिब्यूट का इस्तेमाल करें। उदाहरण के लिए, यदि बैकग्राउंड इमेज वाली फाइल को bgPic
चरण 4
यदि आप सीएसएस का उपयोग करके पृष्ठ की पृष्ठभूमि सेट करना चाहते हैं तो अपने स्रोत कोड के शीर्षलेख में शैली विवरण रखें। उदाहरण के लिए, एक सीएसएस शैली विवरण जो बॉडी टैग में निर्दिष्ट गहरे नारंगी रंग को पृष्ठभूमि के रूप में बदल देता है, इस तरह दिख सकता है:
शरीर {पृष्ठभूमि-रंग: डार्कऑरेंज;}
और आप निम्न शैली विवरण के साथ पृष्ठभूमि छवि सेट कर सकते हैं:
बॉडी {बैकग्राउंड: # FF8C00 url (इमेज / bgPic.gif) रिपीट-वाई;}
यहां, चित्र के लिंक के अलावा, पृष्ठभूमि का रंग (# FF8C00) भी इंगित किया गया है - यदि पृष्ठ पर ऐसे स्थान हैं जो पृष्ठभूमि छवि द्वारा कवर नहीं किए गए हैं, तो उन्हें यहां निर्दिष्ट रंग छाया में चित्रित किया जाएगा। रिपीट-वाई पैरामीटर पृष्ठभूमि छवि के दोहराव को लंबवत रूप से निर्दिष्ट करता है (वाई अक्ष के साथ)। यदि आपको छवि को क्षैतिज रूप से दोहराने की आवश्यकता है, तो आपको रिपीट-एक्स मान का उपयोग करना चाहिए, और पैटर्न की पुनरावृत्ति को प्रतिबंधित करने के लिए - नो-रिपीट। आप HTML कोड के शीर्षक भाग को बंद करने वाले टैग से पहले शैली विवरण रख सकते हैं।
चरण 5
पृष्ठ संपादक में किए गए परिवर्तनों को सहेजें, या यदि आपके कंप्यूटर पर किसी फ़ाइल में कोड संपादित किया गया था, तो डाउनलोड की गई फ़ाइल को वापस सर्वर पर सहेजें और अपलोड करें।
