यदि आपके पास एक बैनर है, लेकिन इसे पृष्ठ में सम्मिलित करने के लिए कोई तैयार HTML-कोड नहीं है, तो आपको जिस लिंक की आवश्यकता है उसे जोड़ना इतना मुश्किल नहीं है। भले ही बैनर फ्लैश तकनीक का इस्तेमाल कर बनाया गया हो। स्रोत कोड में ग्राफिक और फ्लैश प्रारूपों में बैनर के लिंक व्यवस्थित करने के संभावित विकल्प नीचे वर्णित हैं।
अनुदेश
चरण 1
यदि बैनर ग्राफिक प्रारूपों (gif, jpg, png, bmp) में से एक में है, तो यह छवि टैग को लिंक टैग के अंदर डालने के लिए पर्याप्त होगा। सबसे पहले, छवि टैग बनाएं। वेब पेजों की मार्कअप भाषा में (एचटीएमएल - हाइपरटेक्स्ट मार्कअप लैंग्वेज - "हाइपरटेक्स्ट मार्कअप लैंग्वेज"), इसका सरलतम संस्करण इस तरह दिखता है: यहां छवि का "सापेक्ष पता" src विशेषता में निर्दिष्ट है। इस संस्करण में, ब्राउज़र यह मान लेगा कि चित्र आपके सर्वर पर उसी फ़ोल्डर में है जहां पृष्ठ स्वयं है जहां बैनर डाला गया है। लेकिन "पूर्ण पता" निर्दिष्ट करना बेहतर है:
चरण दो
इस टैग में जोड़ने के लिए कुछ और विशेषताएँ हैं। दो विशेषताएं बैनर आयाम (ऊंचाई और चौड़ाई) को इंगित करेंगी। ये वैकल्पिक विशेषताएँ हैं - यदि सर्वर से ब्राउज़र में पृष्ठ लोड होने पर सब कुछ ठीक हो जाता है, तो छवि उनके बिना प्रदर्शित होगी। लेकिन अगर किसी कारण से चित्र लोड नहीं होता है, तो आयामों की कमी इस तथ्य को जन्म दे सकती है कि अन्य सभी डिज़ाइन तत्व जगह से बाहर हो जाएंगे। आकार टैग इस तरह दिखेगा:
चरण 3
डिफ़ॉल्ट रूप से, ब्राउज़र लिंक छवियों के चारों ओर एक नीली सीमा खींचता है। इससे बचने के लिए, बैनर टैग में एक शून्य मान वाला बॉर्डर एट्रिब्यूट जोड़ें:
चरण 4
एक और विशेषता (शीर्षक) जोड़ें, जिसमें बैनर पर माउस कर्सर घुमाने पर टूलटिप के लिए टेक्स्ट होगा:
चरण 5
आपने सबसे महत्वपूर्ण विशेषताओं के साथ छवि टैग तैयार किया है, अब आपको इसे लिंक टैग के अंदर रखना होगा। प्रत्येक हाइपरलिंक दो टैग से बनता है - उद्घाटन और समापन: उद्घाटन टैग में href विशेषता होती है, जिसमें अनुरोध भेजने का पता होता है। इन दो लिंक टैग के बीच और बैनर टैग डालें: लिंक के साथ बैनर का HTML कोड तैयार है, इसे बदलना न भूलें: - href विशेषता में: "https://kakprosto.ru" अपने लिंक के पते के साथ बैनर के लिए; - src विशेषता में: " https://kakprosto.ru/banner
चरण 6
उपरोक्त सभी छवि बैनरों को संदर्भित करते हैं, लेकिन फ्लैश तकनीक का उपयोग करके बनाए गए बैनर भी हैं। एक फ्लैश मूवी में एक मानक तरीके से एक लिंक डालने के लिए, आपको केवल बैनर ही नहीं, बल्कि इसका स्रोत कोड भी होना चाहिए। इसके अलावा, आप स्रोत कोड को संपादित कर सकते हैं और फिर फ्लैश मूवी को केवल एक विशेष संपादक में संकलित कर सकते हैं - एक नियमित पाठ संपादक इसके लिए उपयुक्त नहीं है। हालांकि, इन सभी कठिनाइयों को दूर करने का एक तरीका है, केवल HTML और CSS (कैस्केडिंग स्टाइल शीट्स - "कैस्केडिंग स्टाइल शीट्स") को संपादित करने के लिए खुद को सीमित करना। CSS भाषा का उपयोग पृष्ठ तत्वों की उपस्थिति के अधिक विस्तृत (HTML की तुलना में) विवरण के लिए किया जाता है। इसकी मदद से, बल्कि जटिल बहुपरत संरचनाओं को पृष्ठों पर बनाया जा सकता है। हम इसका उपयोग फ्लैश बैनर को नीचे की परत में रखकर, और परत को उसके ऊपर लिंक के साथ रखकर करेंगे। बैनर का HTML कोड इस तरह दिखेगा:
इसमें (दो स्थानों पर), बैनर नाम बैनर.swf (दो स्थानों पर) और लिंक पता https://kakprosto.ru (एक स्थान पर) और SCC कोड में चौड़ाई और ऊंचाई विशेषताओं को बदलना न भूलें। इस HTML कोड के अनुरूप इस तरह होना चाहिए:
div.linkedFlashContainer {स्थिति: रिश्तेदार; जेड-इंडेक्स: 1; सीमा: 0px; चौड़ाई: 468px; ऊंचाई: 60px}
a.flashLink {स्थिति: निरपेक्ष; जेड-इंडेक्स: 2; चौड़ाई: 468px; ऊंचाई: 60 पीएक्स; पृष्ठभूमि: url (spacer.gif) नो-रिपीट;}
यहाँ एक पारदर्शी छवि (किसी भी आकार की) का उपयोग किया जाता है जिसे spacer
