क्या पता
• सामान्य आकार की छवि का उपयोग करें जिसे ब्राउज़र पुनर्विक्रय नहीं करेगा। आपको एक छवि संपादक और एक HTML या पाठ संपादक की भी आवश्यकता होगी।
• छवि सम्मिलित करते समय, मानचित्र के निर्देशांक की पहचान करने के लिए एक अतिरिक्त विशेषता जोड़ें।
• उदाहरण के लिए:
यह लेख बताता है कि छवि मानचित्र संपादक के बजाय HTML टैग का उपयोग करके छवि मानचित्र कैसे बनाया जाता है। जब आप छवि को इंगित करते हैं, तो अधिकांश छवि संपादक आपको अपने माउस के निर्देशांक दिखाएंगे, जो कि छवि मानचित्रों के साथ आरंभ करने के लिए आवश्यक सभी डेटा है।
इमेज मैप बनाना
इमेज मैप बनाने के लिए, पहले एक इमेज चुनें जो मैप के आधार के रूप में काम करेगी। छवि "सामान्य आकार" की होनी चाहिए-अर्थात, आपको इतनी बड़ी छवि का उपयोग नहीं करना चाहिए कि ब्राउज़र इसे स्केल कर दे।
जब आप छवि सम्मिलित करते हैं, तो आप एक अतिरिक्त विशेषता जोड़ेंगे जो मानचित्र के निर्देशांक की पहचान करती है:
जब आप एक छवि मानचित्र बनाते हैं, तो आप एक ऐसा क्षेत्र बना रहे होते हैं जो छवि पर क्लिक करने योग्य होता है, इसलिए मानचित्र के निर्देशांक आपके द्वारा चुनी गई छवि की ऊंचाई और चौड़ाई के अनुरूप होने चाहिए। मानचित्र तीन अलग-अलग प्रकार की आकृतियों का समर्थन करते हैं:
- आयताकार या चार भुजा वाली आकृति
- बहु-बहुभुज या बहु-पक्षीय आकृति
- सर्कल-ए सर्कल
क्षेत्र बनाने के लिए, आपको उन विशिष्ट निर्देशांकों को अलग करना होगा जिन्हें आप मैप करना चाहते हैं। मानचित्र में छवि पर एक या अधिक परिभाषित क्षेत्र शामिल हो सकते हैं, जिन पर क्लिक करने पर, एक नया हाइपरलिंक खुल जाता है।
एक आयत के लिए, आप केवल ऊपर बाएँ और नीचे दाएँ कोने को मैप करते हैं। सभी निर्देशांक x, y (ऊपर, ऊपर) के रूप में सूचीबद्ध हैं। तो, ऊपरी बाएँ कोने 0, 0 और निचले दाएँ कोने 10, 15 के लिए आप 0, 0, 10, 15 टाइप करेंगे। फिर आप इसे मानचित्र में शामिल करें:
बहुभुज के लिए, आप प्रत्येक x, y निर्देशांक को अलग-अलग मैप करते हैं। वेब ब्राउज़र स्वचालित रूप से निर्देशांक के अंतिम सेट को पहले से जोड़ता है; इन निर्देशांकों के अंदर कुछ भी मानचित्र का हिस्सा है।
सर्कल आकृतियों के लिए केवल दो निर्देशांक की आवश्यकता होती है, जैसे आयत, लेकिन दूसरे निर्देशांक के लिए, आप त्रिज्या या वृत्त के केंद्र से दूरी निर्दिष्ट करते हैं। तो, 122, 122 पर केंद्र के साथ एक वृत्त और 5 की त्रिज्या के लिए आप 122, 122, 5: लिखेंगे
सभी क्षेत्रों और आकृतियों को एक ही मानचित्र टैग में शामिल किया जा सकता है:
विचार
1990 के दशक के वेब 1.0 युग में छवि मानचित्र बहुत अधिक सामान्य थे और 2000 के दशक की शुरुआत में-छवि मानचित्र अक्सर वेबसाइट के नेविगेशन का आधार बनते थे। एक डिज़ाइनर मेनू आइटम को इंगित करने के लिए किसी प्रकार का चित्र बनाता है, फिर एक नक्शा सेट करता है।
आधुनिक दृष्टिकोण उत्तरदायी डिजाइन को प्रोत्साहित करते हैं और एक पृष्ठ पर छवियों और हाइपरलिंक की नियुक्ति को नियंत्रित करने के लिए कैस्केडिंग स्टाइल शीट का उपयोग करते हैं।
हालाँकि नक्शा टैग अभी भी HTML मानक में समर्थित है, छोटे रूप कारकों वाले मोबाइल उपकरणों के उपयोग से छवि मानचित्रों के साथ अप्रत्याशित प्रदर्शन समस्याएं हो सकती हैं। इसके अलावा, बैंडविड्थ की समस्या या टूटी हुई छवियां एक छवि मानचित्र के मूल्य को प्रभावित करती हैं।
इसलिए, बेझिझक इस स्थिर, अच्छी तरह से समझी जाने वाली तकनीक का उपयोग करते रहें-यह जानते हुए कि वर्तमान में वेब डिज़ाइनरों के साथ अधिक कुशल विकल्प प्रचलित हैं।
