किसी भी साइट का डिज़ाइन पृष्ठभूमि छवियों और रंगों पर आधारित होता है, जैसे नींव पर एक घर। यदि आप अपने इंटरनेट संसाधन की विशिष्ट नींव को किसी और व्यक्ति के साथ बदलने की इच्छा रखते हैं, तो आपको डिजाइन के विकास के साथ शुरुआत करनी चाहिए। और जब यह तैयार हो जाता है, तो विशुद्ध रूप से तकनीकी हिस्सा बना रहेगा, अर्थात, पृष्ठों के स्रोत कोड में निर्दिष्ट साइट पृष्ठभूमि के पुराने डिज़ाइन को नए के साथ बदलना। व्यवहार में इसे लागू करने के कई तरीके हैं।
अनुदेश
चरण 1
सबसे पहले आपको यह पता लगाना होगा कि साइट के वर्तमान संस्करण में किस तरह से पृष्ठभूमि सेट की गई है। ऐसा करने के लिए, पेज का HTML कोड खोलें। आप इसे सर्वर से फ़ाइल को पहले से डाउनलोड करके एक साधारण टेक्स्ट एडिटर के साथ कर सकते हैं। या आप सामग्री प्रबंधन प्रणाली के पृष्ठों के संपादक का उपयोग कर सकते हैं, यदि आप एक का उपयोग करते हैं। पृष्ठ संपादक को फ़ाइल को डाउनलोड करने की आवश्यकता नहीं है, लेकिन ब्राउज़र को इंटरफ़ेस के रूप में उपयोग करके इसे सीधे सर्वर पर संशोधित करता है। आपके द्वारा खोले गए पृष्ठ के HTML कोड (हाइपरटेक्स्ट मार्कअप लैंग्वेज) में ब्राउज़र के लिए निर्देश लाइनें होती हैं। वे वेब पेज के प्रत्येक तत्व के प्रकार, रूप और स्थान का वर्णन करते हैं। इन निर्देशों को आमतौर पर "टैग" के रूप में संदर्भित किया जाता है। पृष्ठ कोड में स्वयं टैग का क्रम भी HTML भाषा के नियमों का पालन करता है - वे ब्लॉक में विभाजित होते हैं, जिनमें से पहला एक शीर्षक ब्लॉक होना चाहिए जो एक टैग से शुरू होता है और समाप्त होता है। इसके बाद उस ब्लॉक का अनुसरण किया जाना चाहिए जो अब आपकी अधिक रुचि रखता है - दस्तावेज़ का मुख्य भाग। यह टैग और तक सीमित है। इस ब्लॉक के ओपनिंग टैग () में आप पेज के बैकग्राउंड की जानकारी डाल सकते हैं। टैग के भीतर ऐसी जानकारी को "एट्रिब्यूट्स" कहा जाता है। बैकग्राउंड कलर सेट करने वाले बॉडी टैग की विशेषता को bgcolor के रूप में दर्शाया जाता है और कोड में यह इस तरह दिख सकता है: यहां हम पेज के लिए बैकग्राउंड कलर को सिल्वर पर सेट करते हैं। ब्राउज़र कुछ रंगों को उनके नाम से पहचान सकता है, लेकिन गलत न होने के लिए, उनके हेक्साडेसिमल कोड को इंगित करना बेहतर है। हेक्साडेसिमल एक्सप्रेशन में सिल्वर कलर वाला यह वर्जन इस तरह दिखेगा: इसलिए, आपको पेज कोड में <body से शुरू होने वाला टैग ढूंढना होगा और जांचना होगा कि क्या इसका बैकग्राउंड कलर है। यदि ऐसा है, तो इसमें रंग संकेत को अपने नए संस्करण से बदलें और परिवर्तनों को पृष्ठ पर सहेजें।
चरण दो
आपकी साइट के वर्तमान डिज़ाइन में पृष्ठभूमि को रंग से नहीं, बल्कि एक चित्र द्वारा सेट किया जा सकता है। बॉडी टैग की संबंधित विशेषता को बैकग्राउंड कहा जाता है, और यह कोड में इस तरह दिख सकता है: यहाँ, बैकग्राउंड आपके सर्वर के img फोल्डर से bg.jpg
चरण 3
अपेक्षाकृत जटिल डिज़ाइन वाले पृष्ठों की उपस्थिति का वर्णन करते समय, "कैस्केडिंग स्टाइल शीट्स" - सीएसएस (कैस्केडिंग स्टाइल शीट्स) का उपयोग करें। CSS कोड के ब्लॉक को सीधे पेज कोड में शामिल किया जा सकता है या "css" एक्सटेंशन वाली बाहरी फ़ाइल में शामिल किया जा सकता है। आपको पृष्ठ कोड के शीर्ष लेख भाग में (टैग और टैग के बीच) <शैली से शुरू होने वाले शैली विवरण टैग की तलाश करनी होगी। यदि इसमें किसी बाहरी फ़ाइल का लिंक है, तो यह कुछ इस तरह दिखाई देगा: @import "style.css"; यहां style.css नाम की एक स्टाइलशीट का लिंक दिया गया है। संपादन के लिए आपको निर्दिष्ट फ़ाइल खोलने की आवश्यकता है। और अगर कोई लिंक नहीं है, और ओपनिंग <स्टाइल टैग के बाद स्टाइल निर्देश हैं, तो आपको उन्हें यहां संपादित करने की आवश्यकता है। दोनों विकल्पों में, शैलियों के विवरण के बीच, आपको दस्तावेज़ के मुख्य भाग (बॉडी) से संबंधित लोगों की तलाश करनी होगी। विवरण का यह खंड इस तरह दिख सकता है: शरीर {
पृष्ठभूमि-रंग: चांदी;
रंग काला;
} यहां आपको बैकग्राउंड-कलर पैरामीटर के मान को अपने नए रंग के मान से बदलना होगा और उसी हेक्साडेसिमल मानों में बेहतर करना होगा। CSS निर्देशों में पृष्ठभूमि छवि विकल्प इस तरह दिखना चाहिए: body {
बैकग्राउंड: # C0C0C0 url (img / bg.jpg) रिपीट-वाई;
रंग काला;
} यहां चित्र का लिंक ऊपर बताए गए लिंक के समान है, और लिंक से पहले # C0C0C0 का अर्थ है कि पृष्ठ स्थान जो पृष्ठभूमि छवि द्वारा कब्जा नहीं किया गया है, उसकी पृष्ठभूमि चांदी होगी। "रिपीट-वाई" इंगित करता है कि पृष्ठभूमि चित्र को वाई (ऊर्ध्वाधर) अक्ष के साथ गुणा किया जाना चाहिए।"रिपीट-वाई" को "रिपीट-एक्स" (क्षैतिज प्रतिकृति) या "नो-रिपीट" (दोहराना नहीं) से बदला जा सकता है। यदि आप दोहराना बिल्कुल भी निर्दिष्ट नहीं करते हैं, तो पृष्ठभूमि छवि को सभी दिशाओं में पृष्ठ के पृष्ठभूमि स्थान पर टाइल किया जाएगा।
