साइट के लिए एक पृष्ठभूमि कैसे जोड़ें

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

सामग्री

चरणों

विधि 1एचटीएमएल

ठोस रंग पृष्ठभूमि योजनाएं
पृष्ठभूमि के रूप में एक छवि को जोड़ना

विधि 2सीएसएस

ठोस रंग पृष्ठभूमि
एक छवि को जोड़ना
दोहराव पैटर्न पृष्ठभूमि
निश्चित छवि पृष्ठभूमि

युक्तियाँ
चेतावनी

चरणों

विधि 1
एचटीएमएल

ठोस रंग पृष्ठभूमि योजनाएं

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

1
अपना वेब कोड खोलें (स्रोत कोड)
2
बॉडी टैग में, बीजीकलर नामक एक विशेषता जोड़ें। आपका शरीर टैग अब इस तरह दिखना चाहिए:

जहां NOMEDACOREMINGLÊS रंग का नाम है नोमोडेरमिंगलस विभिन्न प्रकार के रंग प्रत्यानों से भरे जा सकते हैं।
- (रंग का नाम, जहां लाल का अर्थ है लाल)
- (हेक्साडेसिमल मान)
- (आरजीबी मूल्य)
3
आरजीबी और # के साथ प्रयोग कई रंगों को जोड़ सकते हैं, लेकिन आप पहले आकार का विकल्प चुन सकते हैं, जो सरल है। लेकिन याद रखें कि एक असामान्य रंग जैसे "अल्ट्रामारेन ब्ल्यूश ग्रीन" टाइप करें क्योंकि इसका परिणाम सफेद होगा

पृष्ठभूमि के रूप में एक छवि को जोड़ना

पृष्ठभूमि के रूप में चित्र को जोड़ना एक ठोस रंग जोड़ने से थोड़ा अधिक जटिल है

1
पृष्ठभूमि टैग को शरीर टैग में जोड़ें, इसलिए यह इस उदाहरण की तरह दिखता है:

जहां एफटीटी स्रोत है जहां एफएनटी छवि पाया जा सकती है, चाहे वह उसी निर्देशिका में हो या दूसरे, या किसी अन्य पृष्ठ पर भी।
- (उसी निर्देशिका में)
- (एक अलग निर्देशिका के भीतर)
- (एक अलग पृष्ठ पर)
2
छवि फ़ाइल एक्सटेंशन दर्ज करना याद रखें: .jpg, .jpeg, .jpg, आदि

विधि 2
सीएसएस

ठोस रंग पृष्ठभूमि

1
सीएसएस में पृष्ठभूमि के रूप में एक ठोस रंग जोड़ने के लिए, एक स्टाइल विशेषता जोड़ें। आप आईडी और क्लासेस भी दे सकते हैं और आंतरिक और बाह्य शैली पत्रक दोनों का उपयोग कर सकते हैं।
2
आपका शरीर टैग उदाहरण की तरह दिखना चाहिए:
- जहां NOMEDACOR अंग्रेजी में रंग का नाम है, हेक्साडेसिमल मान या आरजीबी (यह भी याद रखें कि एचटीएमएल में ठोस रंग के साथ पृष्ठभूमि की पृष्ठभूमि यहां भी लागू होती है)।

एक छवि को जोड़ना

1
एक छवि जोड़ने के लिए, शरीर टैग को शैली विशेषता जोड़ें। आप आईडी और क्लासेस भी दे सकते हैं और आंतरिक और बाह्य शैली पत्रक दोनों का उपयोग कर सकते हैं।
2
आपका शरीर टैग इस तरह दिखना चाहिए:
3
याद रखें कि एफटीटी स्रोत है यह एक ही निर्देशिका, एक अलग निर्देशिका, या एक अलग पृष्ठ या साइट से हो सकता है।
- (उसी निर्देशिका में)
- (एक अलग निर्देशिका में)
- (एक अलग पृष्ठ पर)।
4
एक्सटेंशन भी जोड़ना याद रखें

दोहराव पैटर्न पृष्ठभूमि

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

जहां दोहराव-सेटिंग्स सेटिंग्स हैं कई बार दोहराया गया सेटिंग्स हो सकती हैं, जैसे:
- (पृष्ठभूमि क्षैतिज और ऊर्ध्वाधर दोनों में दोहराएगी।)
- (पृष्ठभूमि क्षैतिज दोहराएगा।)
- (पृष्ठभूमि खड़ी दोहराएगी।)

निश्चित छवि पृष्ठभूमि

1
अभी भी छवियों के साथ वॉलपेपर शांत दिखता है और जैसा कि आप स्क्रॉल पट्टी के साथ पृष्ठ को स्क्रॉल करते हैं या नीचे नहीं बदलते उन्हें करने के लिए आपको सिर्फ उपरोक्त अनुभाग कोड में कुछ सरल समायोजन करने की आवश्यकता है। अपने शरीर का टैग इस तरह दिखने के लिए समायोजन करें:
- जहां एफटीटी पृष्ठभूमि छवि का स्रोत है, स्थिति छवि की स्थिति है (केंद्र / केंद्र से ऊपरी दाएं / ऊपर-दाएं भिन्न हो सकती है) - पृष्ठभूमि-अटैचमेंट इस पृष्ठभूमि प्रकार का मुख्य "उत्प्रेरक" है । इसका उपयोग पृष्ठभूमि की स्थिति को इंगित करने के लिए किया जाता है और इसे अनुपालन नहीं करने की सिफारिश की जाती है।

युक्तियाँ

पूरे लेख को पढ़ें: एक खंड जो अलग हो गया है, वह महत्वपूर्ण संकेत हो सकता है (क्योंकि इस आलेख के अनुभाग एक दूसरे से जुड़े होते हैं और इस तरह लिखा जाता है कि पिछला अनुभाग पढ़े गए हैं)।