कैसे एक तस्वीर में चित्र संदर्भ बनाने के लिए? एक तस्वीर के लिए एक लिंक डालने के लिए कैसे

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

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

कहाँ चित्र-लिंक प्रयोग किया जाता है

इससे पहले कि हम कैसे एक तस्वीर में चित्र संदर्भ बनाने के लिए के बारे में बात, हम समझते हैं कि कहां और क्यों वे उपयोग किया जाता है जाएगा। आखिरकार, यह समझने के लिए कि हम क्या छवि से चाहते हैं आसान हो जाएगा।

छवियाँ लिंक आमतौर पर बैनर, विज्ञापनों चित्र टाउट किया जाता है। इसके उदाहरण चित्रों सभी एक ही "VKontakte" में कर रहे हैं। याद रखें कि आप कितनी बार जो करने के लिए एक विशेष पते बनाया गया है तस्वीर पर क्लिक किया है? इसके अलावा, अक्सर वे मेनू समूहों और समुदायों के रूप में उपयोग किया जाता है, खासकर अगर वे विशेष प्रविष्टियों होते हैं। अन्य साइटों पर पाया कई ऐसी छवियों।

चित्र में लिंक पेस्ट करें

सबसे सरल बात - एक तस्वीर-लिंक। यही कारण है कि इसके बारे में, हम शुरू करने के लिए बात करते हैं। इस उदाहरण के लिए तैयार संदर्भ है। यानी इस आइकन पर क्लिक, आप नए पृष्ठ पर पुनः निर्देशित किया जाएगा।

क्या आप जानते हैं कि यह कैसे HTML-मार्कअप की मदद से एक आम लिंक द्वारा परिभाषित किया गया है, तो समस्याओं को आप पैदा होती है चाहिए। फर्क सिर्फ इतना है कि बजाय पाठ लिंक की निर्दिष्ट किया जाता है छवि है।

तो, उसकी योजना को लागू करने के लिए, आप चित्र अपने आप में, इंटरनेट पर अपलोड या आपके कंप्यूटर पर संग्रहीत की जरूरत है (यदि आप ऑनलाइन मोड में काम कर रहे हैं, इस पर निर्भर करता है, वास्तव में साइट पर, या संपादकों zadeystvuete)।

हम एक छवि पते के लिए देख रहे हैं, यह भूल जाते हैं पर लिख नहीं। इसके अलावा कि इस तस्वीर खोलना चाहिए लिंक को ठीक।

- एक विशेष कोड चित्र : इसके बाद, निम्नलिखित लिखने । छवि लिंक इसकी मदद से परिभाषित किया गया है।

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

चित्रों का एक मेनू

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

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

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

कैसे बनाने के लिए

हमें थोड़ा और पहला तरीका की जांच करें।

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

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

इस अपनी खुद की वेबसाइट है - के लिए उपयुक्त पारंपरिक गैलरी या लाइब्रेरी फ़ाइलें, "VKontakte" यह एक समूह एल्बम या समुदाय (अधिमानतः मुफ्त) हो सकता है।

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

उपरोक्त कोड ले लो, और वांछित डेटा विकल्प। तो फिर, जिसमें वे जाना चाहिए क्रम में साइट पर छवि भरें। एक ही समय में, यदि आप इसे स्ट्रिप्स में कटौती, तो आप एक नई लाइन में प्रत्येक लिंक पूछने की आवश्यकता है, लेकिन अगर आप वर्गों में फ़ोटो साझा किया है, तो आप कई लिंक के रूप में एक पंक्ति में डाल करने के लिए के रूप में यह वर्ग चालू होना चाहिए।

हम एक साइट मैप करना

इसलिए, यदि आप पहले संस्करण पसंद नहीं है, और आप कैसे किसी अन्य तरीके से एक तस्वीर में चित्र संदर्भ बनाने के लिए सीखना चाहते हैं, तो हम आपको एक नक्शे के संदर्भ विकसित करने के लिए दे सकते हैं। यह आसान है, यहाँ केवल एक समस्या का कार्य मानकों के साथ हो सकता है बनाया है। क्यों अधिक समझ जाएगा।

# नक्शा नाम "- सबसे पहले, हम याद रखना चाहिए कि साइटमैप आदेश usemap = का उपयोग कर छवि से जुड़ा है"। Usemap = # map1, जो टैग img में इसलिए निर्धारित है, साइट पर चित्र भरने, दूसरे भाग में टैग संलग्न करने के लिए सुनिश्चित हो "।

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

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

शॉर्टकट सेटिंग्स

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

के बनती टैग <नक्शा> के बुनियादी मानकों के बारे में थोड़ा बात करते हैं। मुख्य रूप से इस नाम है, जो मूल्य usemap के बराबर है। तो अगर आप को नामित कि कार्ड तस्वीर के लिए लिखा है।

<क्षेत्र>, जो संदर्भ के क्षेत्र का वर्णन करता है - इसके अलावा टैग जोड़ी <नक्शा> अंदर एक और टैग को निर्धारित है। वह पुरुष नहीं है और जाहिर है, यह अपने आप ही पैरामीटर है।

पहले - आकार। एक वेबमास्टर की मदद से क्षेत्र का एक प्रकार निर्धारित करता है। यह हो सकता है:

• वृत्त - चक्र;
• आयत - आयताकार;
• बहुभुज - पाली;
• बाकी क्षेत्र चित्रों - डिफ़ॉल्ट।

अगला - coords। पिक्सेल क्षेत्र के निर्देशांक की मदद से। इस में मूल समन्वय प्रणाली - ऊपरी बाएँ कोने। यह तब था, और मुख्य समस्या है -, पिक्सल द्वारा निर्देशांक परिभाषित करने के लिए विशेष रूप से अगर कोई कंप्यूटर ग्राफिक्स के साथ कोई परिचित है इतना आसान नहीं।

हम यह भी काफी प्रसिद्ध href, जो लिंक का पता सेट का उल्लेख है।

और आखिरी विकल्प है, जो, उल्लेख किया जाना - nohref। इससे पता चलता है कि इस क्षेत्र के लिए एक संदर्भ नहीं है।

बेशक, इस पैरामीटर है कि आप चित्र या लिंक-नक्शा सेट कर सकते हैं की एक पूरी सूची नहीं है। लेकिन एक ही समय में, यह एक उज्ज्वल और रंगीन लिंक या अपने सिस्टम की यहां तक कि पूरी बनाने के लिए पर्याप्त होगा।

टिप्स

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

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

निष्कर्ष

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