वेबसाइट पर बैकग्राउंड इमेज कैसे बनाएं

विषयसूची:

वेबसाइट पर बैकग्राउंड इमेज कैसे बनाएं
वेबसाइट पर बैकग्राउंड इमेज कैसे बनाएं

वीडियो: वेबसाइट पर बैकग्राउंड इमेज कैसे बनाएं

वीडियो: वेबसाइट पर बैकग्राउंड इमेज कैसे बनाएं
वीडियो: वेबसाइट पृष्ठभूमि छवियाँ: इसे सही करने के लिए 4 कदम 2024, मई
Anonim

आप स्वयं साइट निर्माण की मूल बातें सीख सकते हैं, इस विषय पर इंटरनेट और पुस्तकों पर पर्याप्त जानकारी है। हालाँकि, प्रारंभिक अवस्था में, अक्सर एक या दूसरे टैग के उपयोग में कठिनाइयाँ उत्पन्न होती हैं। वास्तव में, सबसे सामान्य घटकों को सबसे अच्छी तरह याद किया जाता है क्योंकि वे किसी भी वेबसाइट को लिखते समय आवश्यक होते हैं।

वेबसाइट पर बैकग्राउंड इमेज कैसे बनाएं
वेबसाइट पर बैकग्राउंड इमेज कैसे बनाएं

अनुदेश

चरण 1

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

चरण दो

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

चरण 3

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

चरण 4

नोटपैड में परिवर्तन सहेजें, ब्राउज़र में "ताज़ा करें" बटन पर क्लिक करें। वॉलपेपर स्क्रीन पर दिखाई देगा। यदि छवि के आयाम वेब पेज के मापदंडों से छोटे हैं, तो छवि को पूरे स्थान को भरने के लिए जितनी बार आवश्यक हो उतनी बार डुप्लिकेट किया जाएगा। इस कमी को दूर करने के दो तरीके हैं:

• Adobe Photoshop प्रोग्राम का उपयोग करके, आवश्यक चित्र पैरामीटर को पिक्सेल ("छवि" - "छवि आकार") में सेट करें;

• एचटीएमएल-कोड में आवश्यक आयाम सेट करें।

उदाहरण के लिए, यदि चौड़ाई 1250 px है, और ऊँचाई 650 px है, तो आपको उस तालिका कक्ष के लिए आवश्यक विशेषताएँ जोड़ने की आवश्यकता है जिसमें चित्र रखा जाएगा।

आप टैग में आकार सेट नहीं कर सकते - छवि हमेशा पूर्ण आकार में प्रदर्शित होगी।

चरण 5

पृष्ठभूमि छवि सम्मिलित करने के लिए ccs का एनालॉग:

पृष्ठभूमि छवि

तन {

पृष्ठभूमि-छवि: यूआरएल (छवियां / बीजी.जेपीजी);

}

"पृष्ठभूमि-छवि: url (छवियां / bg.jpg)" विशेषता पृष्ठभूमि छवि का पथ है।

सिफारिश की: