वेबसाइट के हेडर में पिक्चर कैसे डालें

विषयसूची:

वेबसाइट के हेडर में पिक्चर कैसे डालें
वेबसाइट के हेडर में पिक्चर कैसे डालें

वीडियो: वेबसाइट के हेडर में पिक्चर कैसे डालें

वीडियो: वेबसाइट के हेडर में पिक्चर कैसे डालें
वीडियो: वर्डप्रेस में हैडर बैकग्राउंड इमेज कैसे जोड़ें? 2024, मई
Anonim

एक सही ढंग से चुनी गई तस्वीर साइट की दिशा को सर्वोत्तम तरीके से दर्शाती है, इसे व्यक्तित्व प्रदान करती है। इसके अलावा, अधिकांश लोग स्वभाव से दृश्य होते हैं, जिसका अर्थ है कि ग्राफिक छवि को उनके लिए बेहतर याद किया जाएगा।

वेबसाइट के हेडर में पिक्चर कैसे डालें
वेबसाइट के हेडर में पिक्चर कैसे डालें

अनुदेश

चरण 1

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

चरण दो

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

चरण 3

वह छवि खोलें जिसे आप ग्राफ़िक्स संपादक में बदलना चाहते हैं और मेनू से "छवि" - "छवि आकार" चुनें। याद रखें, या बेहतर तरीके से पिक्सेल में मान लिखें। आप चित्र को बंद कर सकते हैं - अब आपको इसकी आवश्यकता नहीं होगी।

चरण 4

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

चरण 5

एक नई परत बनाएं ("परत" - "नया")।

चरण 6

प्रोग्राम में वह चित्र खोलें जिसे आप साइट के शीर्षलेख में देखना चाहते हैं ("फ़ाइल" - "खोलें")।

चरण 7

टूलबार पर, "आयताकार क्षेत्र" आइकन चुनें, चित्र का चयन करने के लिए इसका उपयोग करें।

चरण 8

"संपादित करें" मेनू से "कॉपी" कमांड का उपयोग करें और छवि को तैयार आकार ("संपादित करें" - "पेस्ट") की एक नई परत पर पेस्ट करें। मूव टूल का चयन करें और चित्र को आवश्यकतानुसार स्थानांतरित करें।

चरण 9

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

चरण 10

html भाषा में चित्र डालने के लिए एक विशेष टैग है

विभिन्न विशेषताओं के साथ:

• स्रोत - छवि का पता;

• ऊंचाई - px में ऊंचाई;

• चौड़ाई - px में चौड़ाई;

• बॉर्डर - px में बॉर्डर;

• ऑल्ट - इमेज रिसीविंग फंक्शन के बंद होने पर उपयोगकर्ताओं के लिए प्रदर्शित चित्र के लिए एक स्पष्टीकरण।

उदाहरण के लिए, । कोई रिवर्स टैग की आवश्यकता नहीं है।

सिफारिश की: