जब आप अपनी खुद की वेबसाइट बनाते हैं, तो स्वाभाविक रूप से आप चाहते हैं कि यह उपयोगकर्ता के ब्राउज़र संस्करण की परवाह किए बिना यथासंभव आकर्षक रूप से प्रदर्शित हो। विशेष रूप से, ताकि पृष्ठभूमि छवि को बढ़ाया और कंप्यूटर मॉनीटर के संकल्प में समायोजित किया जा सके।
यह आवश्यक है
एचटीएमएल, सीएसएस, जावा-स्क्रिप्ट के साथ काम करने में कौशल।
अनुदेश
चरण 1
किसी भी संपादक, जैसे नोटपैड या एक समर्पित वेब डिज़ाइन प्रोग्राम, ड्रीमविवर में अपनी साइट के लिए कोड खोलें। साइट की पृष्ठभूमि को फैलाने के लिए निम्नलिखित पंक्तियों को कोड में चिपकाएँ। पृष्ठभूमि जोड़ें: url ('छवि के लिए एक लिंक डालें')।
चरण दो
चित्र को क्षैतिज रूप से आकार देने के लिए, निम्न कोड का उपयोग करें: पृष्ठभूमि: url ('छवि के लिए एक लिंक डालें' दोहराना-x), लंबवत - कोड के अंत में, x को y से बदलें। यदि साइट को css फ़ाइल में स्टाइल किया गया है, तो उसमें कोड पेस्ट करें। इस तरह आप अपनी साइट पर रबड़ जैसा बैकग्राउंड लगा पाएंगे।
चरण 3
किसी पृष्ठ पर पृष्ठभूमि छवि रखने के लिए निम्न कोड उदाहरण का उपयोग करें और उस मॉनीटर के रिज़ॉल्यूशन को फिट करने के लिए इसे स्वचालित रूप से फैलाएं जिस पर पृष्ठ देखा जा रहा है। उदाहरण कोड: बॉडी {बैकग्राउंड: "इन्सर्ट ए लिंक टू बैकग्राउंड इमेज" () नो-रिपीट फिक्स्ड लेफ्ट सेंटर; फिर पृष्ठभूमि का आकार: […]।
चरण 4
बैकग्राउंड इमेज को स्ट्रेच करने के लिए, बस एक पिक्चर को बैकग्राउंड के रूप में डालें और इसकी चौड़ाई 100% पर सेट करें। उदाहरण के लिए, पेज कोड में निम्नलिखित टेक्स्ट डालें: बैकग्राउंड इमेज "alt =" इमेज का नाम दर्ज करें "/>। इस प्रकार, इसका उपयोग चित्र की चौड़ाई को फिट करने के लिए किया जाएगा, लेकिन इसके अनुपात का उल्लंघन किया जाएगा।
चरण 5
इसी तरह, आप छवि को ऊंचाई में खिंचाव के लिए सेट कर सकते हैं, चौड़ाई विशेषता के बजाय ऊंचाई का उपयोग कर सकते हैं। या सीएसएस के लिए निम्नलिखित कोड उदाहरण का उपयोग करें: साइट की पृष्ठभूमि छवि) "> और इसके बाद पिछले उदाहरण की तरह छवि की 100% चौड़ाई जोड़ें। इसके अलावा आप उपयोगकर्ता के स्क्रीन रिज़ॉल्यूशन का पता लगाने और आकार को संपादित करने के लिए स्क्रिप्ट का उपयोग कर सकते हैं। इसके लिए अपनी टेबल के
