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

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

कदम

2 का विधि 1:

HTML विधियां

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

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

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

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

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

3. बॉडी टैग में, BGColor नामक एक विशेषता जोड़ें. अब, आप बॉडी टैग को इस तरह दिखना चाहिए-
जहां कॉलनम रंग का नाम है. Colorname कई प्रकार के रंग प्रतिनिधियों से भरा जा सकता है-

(रंग का नाम)

(हेक्स मूल्य)

(आरजीबी मूल्य)

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

4. आरजीबी और # के साथ प्रयोग कई रंगों का नेतृत्व कर सकते हैं, लेकिन आप आसान तरीका ले सकते हैं. लेकिन याद रखें कि एक असामान्य रंग टाइप करना "Ultramarine ब्लूश हरा" व्हाइट में परिणाम होगा.

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

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

1. पृष्ठभूमि संपत्ति को बॉडी टैग में जोड़ें, इसलिए ऐसा लगता है-

जहां एसआरसी छवि एसआरसी का स्रोत एक ही फ़ोल्डर में हो सकता है, या किसी अन्य फ़ोल्डर / वेबपेज में हो सकता है.
(एक ही फ़ोल्डर में)
(एक अलग फ़ोल्डर के अंदर)
(एक अलग वेबपेज में)
2. टाइप करने के लिए याद रखें .जीआईएफ / .जेपीईजी /.बीएमपी एक्सटेंशन.

2 का विधि 2:

सीएसएस विधियों

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

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

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

एक छवि जोड़ना

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

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

1. एक बार-बार पैटर्न पृष्ठभूमि बनाने के लिए, ऊपर दिए गए चरणों में कहा गया पृष्ठभूमि जोड़ें. आपके बॉडी टैग को अब बदल दिया जाना चाहिए-
जहां दोहरा-सेटिंग्स सेटिंग्स हैं. कई बार सेटिंग्स, जैसे हो सकते हैं-
(पृष्ठभूमि लंबवत और क्षैतिज दोनों को दोहराएगी.)
(पृष्ठभूमि क्षैतिज दोहराएगी.)
(पृष्ठभूमि लंबवत दोहराएगी.)

फिक्स्ड छवि पृष्ठभूमि

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

टिप्स

पूरे लेख को पढ़ें: शेष अनुभाग में कुछ महत्वपूर्ण टिप्स हो सकते हैं (क्योंकि इस आलेख के अनुभाग एक-दूसरे के संदर्भ में हैं और लिखित मानते हैं कि अनुभाग सभी पढ़े गए हैं).