किसी वेबसाइट में पृष्ठभूमि कैसे जोड़ें: 14 कदम (चित्रों के साथ)

विषयसूची:

किसी वेबसाइट में पृष्ठभूमि कैसे जोड़ें: 14 कदम (चित्रों के साथ)
किसी वेबसाइट में पृष्ठभूमि कैसे जोड़ें: 14 कदम (चित्रों के साथ)

वीडियो: किसी वेबसाइट में पृष्ठभूमि कैसे जोड़ें: 14 कदम (चित्रों के साथ)

वीडियो: किसी वेबसाइट में पृष्ठभूमि कैसे जोड़ें: 14 कदम (चित्रों के साथ)
वीडियो: याहू ईमेल उपयोगकर्ता नाम कैसे बदलें (2023) 2024, मई
Anonim

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

कदम

विधि 1 में से 2: HTML विधियाँ

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

एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 1
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 1

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

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

एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 2
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 2

चरण 2. अपना वेब कोड (स्रोत) खोलें।

वेबसाइट में पृष्ठभूमि जोड़ें चरण 3
वेबसाइट में पृष्ठभूमि जोड़ें चरण 3

चरण 3. बॉडी टैग में, bgcolor नामक विशेषता जोड़ें।

अब, आपका बॉडी टैग इस तरह दिखना चाहिए-

जहां COLORNAME रंग का नाम है। COLORNAME कई प्रकार के रंग प्रतिनिधियों से भरा जा सकता है-

  • (रंग का नाम)
  • (हेक्स मान)
  • (आरजीबी मूल्य)
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 4
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 4

चरण 4. RGB और # के साथ प्रयोग करने से कई रंग मिल सकते हैं, लेकिन आप आसान पहला तरीका अपना सकते हैं।

लेकिन याद रखें कि "अल्ट्रामरीन ब्लूश ग्रीन" के रूप में एक असामान्य रंग टाइप करने पर सफेद रंग आएगा।

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

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

एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 5
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 5

स्टेप 1. बैकग्राउंड प्रॉपर्टी को बॉडी टैग में जोड़ें, तो यह इस तरह दिखता है-

जहां SRC छवि का स्रोत है SRC उसी फ़ोल्डर, या किसी अन्य फ़ोल्डर/वेबपृष्ठ में हो सकता है।

  • (उसी फ़ोल्डर में)
  • (एक अलग फ़ोल्डर के अंदर)
  • (एक अलग वेबपेज में)
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 6
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 6

चरण 2..gif/-j.webp" />

विधि २ का २: सीएसएस विधियाँ

एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 6
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 6

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

एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 7
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 7

चरण 1. CSS में एक ठोस रंगीन पृष्ठभूमि जोड़ने के लिए, एक शैली विशेषता जोड़ें।

आप आईडी और कक्षाएं भी दे सकते हैं और बाहरी और आंतरिक दोनों स्टाइलशीट का उपयोग कर सकते हैं।

एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 8
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 8

स्टेप 2. आपका बॉडी टैग कुछ इस तरह दिखना चाहिए-

जहां COLORNAME रंग, हेक्स मान या RGB का नाम है (HTML में ठोस रंगीन पृष्ठभूमि के अंतिम चरण भी याद रखें, यहां भी लागू होते हैं)।

एक छवि जोड़ना

वेबसाइट में पृष्ठभूमि जोड़ें चरण 9
वेबसाइट में पृष्ठभूमि जोड़ें चरण 9

चरण 1. एक छवि जोड़ने के लिए, बॉडी टैग में शैली विशेषता जोड़ें।

आप आईडी और कक्षाएं भी दे सकते हैं और बाहरी और आंतरिक दोनों स्टाइलशीट का उपयोग कर सकते हैं।

किसी वेबसाइट में पृष्ठभूमि जोड़ें चरण 10
किसी वेबसाइट में पृष्ठभूमि जोड़ें चरण 10

Step 2. अब आपका बॉडी टैग कुछ इस तरह दिखना चाहिए-

एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 11
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 11

चरण 3. याद रखें कि एसआरसी स्रोत है।

यह एक ही फोल्डर, अलग फोल्डर या अलग वेब पेज से हो सकता है।

  • (उसी फ़ोल्डर में)
  • (एक अलग फ़ोल्डर के अंदर)
  • (एक अलग वेब पेज में)।
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 12
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 12

चरण 4..एक्सटेंशन भी जोड़ना याद रखें।

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

एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 13
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 13

चरण १। दोहराए गए पैटर्न की पृष्ठभूमि बनाने के लिए, जैसा कि ऊपर दिए गए चरणों में कहा गया है, एक पृष्ठभूमि जोड़ें।

आपका बॉडी टैग अब बदल जाना चाहिए-

जहां रिपीट-सेटिंग्स सेटिंग्स हैं। कई रिपीट सेटिंग्स हो सकती हैं, जैसे-

  • (पृष्ठभूमि लंबवत और क्षैतिज दोनों तरह से दोहराई जाएगी।)
  • (पृष्ठभूमि क्षैतिज रूप से दोहराई जाएगी।)
  • (पृष्ठभूमि लंबवत रूप से दोहराई जाएगी।)

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

एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 14
एक वेबसाइट के लिए एक पृष्ठभूमि जोड़ें चरण 14

चरण 1. स्थिर छवि पृष्ठभूमि शांत दिखती है और नीचे स्क्रॉल करने पर परिवर्तित नहीं होती है।

उन्हें करने के लिए आपको उपरोक्त अनुभाग में कोड में कुछ सरल बदलाव करने की आवश्यकता है। बॉडी टैग को इस तरह दिखने के लिए करें ये ट्वीक-

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

सिफारिश की: