छवि मानचित्र संपादक के बिना छवि मानचित्र कैसे बनाएं

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

एक छवि मानचित्र बनाना

एक छवि मानचित्र बनाने के लिए, पहले एक छवि चुनें जो मानचित्र के आधार के रूप में कार्य करेगी। छवि "सामान्य आकार" की होनी चाहिए—अर्थात, आपको इतनी बड़ी छवि का उपयोग नहीं करना चाहिए कि ब्राउज़र इसे माप सके।

जब आप छवि सम्मिलित करते हैं, तो आप एक अतिरिक्त विशेषता जोड़ेंगे जो मानचित्र के निर्देशांक की पहचान करती है:

जब आप एक छवि मानचित्र बनाते हैं, तो आप एक ऐसा क्षेत्र बना रहे होते हैं जो छवि पर क्लिक करने योग्य होता है, इसलिए मानचित्र के निर्देशांक आपके द्वारा चुनी गई छवि की ऊंचाई और चौड़ाई के अनुरूप होने चाहिए। मानचित्र तीन अलग-अलग प्रकार की आकृतियों का समर्थन करते हैं:

• आयत - एक आयत या चार भुजा वाली आकृति
• पाली—एक बहुभुज या बहुपक्षीय आकृति
• वृत्त—एक वृत्त

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

एक के लिए आयत, आप केवल ऊपरी बाएँ और नीचे दाएँ कोने को मैप करते हैं। सभी निर्देशांक x, y (ऊपर, ऊपर) के रूप में सूचीबद्ध हैं। तो, ऊपरी बाएँ कोने 0,0 और निचले दाएँ कोने 10,15 के लिए आप टाइप करेंगे 0,0,10,15. फिर आप इसे मानचित्र में शामिल करें:

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

वृत्त आकृतियों को केवल दो निर्देशांक की आवश्यकता होती है, जैसे आयत, लेकिन दूसरे निर्देशांक के लिए, आप त्रिज्या या वृत्त के केंद्र से दूरी निर्दिष्ट करते हैं। तो, केंद्र के साथ 122,122 पर एक सर्कल के लिए और 5 की त्रिज्या के लिए आप 122,122,5 लिखेंगे:

सभी क्षेत्रों और आकृतियों को एक ही मानचित्र टैग में शामिल किया जा सकता है:

विचार

1990 के दशक के वेब 1.0 युग में 2000 के दशक की शुरुआत में छवि मानचित्र बहुत अधिक सामान्य थे - छवि मानचित्र अक्सर वेबसाइट के नेविगेशन का आधार बनते थे। एक डिज़ाइनर मेनू आइटम को इंगित करने के लिए किसी प्रकार का चित्र बनाता है, फिर एक नक्शा सेट करता है।

आधुनिक दृष्टिकोण उत्तरदायी डिजाइन को प्रोत्साहित करते हैं और एक पृष्ठ पर छवियों और हाइपरलिंक की नियुक्ति को नियंत्रित करने के लिए कैस्केडिंग स्टाइल शीट का उपयोग करते हैं।

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

इसलिए, बेझिझक इस स्थिर, अच्छी तरह से समझी जाने वाली तकनीक का उपयोग करते रहें—यह जानते हुए कि वर्तमान में अधिक कुशल विकल्प हैं एन वोग वेब डिजाइनरों के साथ।