छवि मानचित्र का उपयोग करने के लिए लाभ और कमी
वेब डिज़ाइन के इतिहास में एक बिंदु था जहां कई साइटें "इमेज मैप्स" के नाम से जाने वाली फीचर का इस्तेमाल करती थीं। यह किसी पृष्ठ पर किसी विशिष्ट छवि से जुड़े निर्देशांक की एक सूची है। ये निर्देशांक उस छवि पर हाइपरलिंक क्षेत्र बनाते हैं, जो ग्राफ़िक में "हॉट स्पॉट" जोड़ना आवश्यक है, जिनमें से प्रत्येक को अलग-अलग स्थानों से जोड़ने के लिए कोड किया जा सकता है। यह किसी छवि को केवल एक लिंक टैग जोड़ने से बहुत अलग है, जिससे पूरे ग्राफिक को एक गंतव्य के लिए एक बड़ा लिंक बनने का कारण बन जाएगा।
उदाहरण - संयुक्त राज्य की छवि के साथ एक ग्राफिक फ़ाइल होने की कल्पना करें। यदि आप चाहते हैं कि प्रत्येक राज्य "क्लिक करने योग्य" हो, तो वे उस विशिष्ट स्थिति के बारे में पृष्ठों पर जाएं, आप इसे छवि मानचित्र के साथ कर सकते हैं। इसी प्रकार, यदि आपके पास एक संगीत बैंड की छवि थी, तो आप उस छवि सदस्य का उपयोग कर सकते हैं ताकि प्रत्येक सदस्य सदस्य उस बैंड सदस्य के बाद के पृष्ठ पर क्लिक करने योग्य हो सके।
क्या छवि मानचित्र उपयोगी हैं? वे निश्चित रूप से थे, लेकिन वे आज के वेब पर पक्षपात से बाहर हो गए हैं। यह कम से कम भाग में है, क्योंकि छवि मानचित्रों को काम करने के लिए विशिष्ट निर्देशांक की आवश्यकता होती है। आज साइटें स्क्रीन या डिवाइस के आकार के आधार पर उत्तरदायी और छवियों के पैमाने के लिए बनाई गई हैं । इसका अर्थ यह है कि प्री-सेट निर्देशांक, छवियों के मानचित्र कैसे काम करते हैं, एक साइट स्केल और छवियों का आकार बदलते समय अलग हो जाते हैं। यही कारण है कि छवि मानचित्रों का शायद ही कभी प्रोडक्शंस साइटों पर उपयोग किया जाता है, लेकिन उनके पास अभी भी डेमो या उदाहरणों के फायदे हैं जहां आप किसी पृष्ठ के आकार को मजबूर कर रहे हैं।
जानना चाहते हैं कि छवि मानचित्र कैसे बनाएं, विशेष रूप से Dreamweaver के साथ ऐसा कैसे करें? । प्रक्रिया विशेष रूप से कठिन नहीं है, लेकिन यह आसान नहीं है, इसलिए आपको शुरू करने से पहले कुछ अनुभव होना चाहिए।
शुरू करना
आएँ शुरू करें। आपके द्वारा उठाए जाने वाले पहले चरण को अपने वेब पेज पर एक छवि जोड़ना है। इसके बाद आप इसे हाइलाइट करने के लिए छवि पर क्लिक करेंगे। वहां से, आपको गुण मेनू पर जाना होगा (और तीन हॉटस्पॉट ड्राइंग टूल में से एक पर क्लिक करें: आयताकार, सर्कल या बहुभुज। अपनी छवि का नाम न भूलें, जिसे आप प्रॉपर्टी बार में कर सकते हैं। आप नाम दे सकते हैं यह कुछ भी आप चाहते हैं। उदाहरण के रूप में "मानचित्र" का प्रयोग करें।
अब, इन उपकरणों में से किसी एक का उपयोग करके अपनी छवि पर इच्छित आकार खींचें। यदि आपको आयताकार धब्बे की आवश्यकता है, तो आयत का प्रयोग करें। सर्कल के लिए वही। यदि आप अधिक जटिल हॉटस्पॉट आकार चाहते हैं, तो बहुभुज का उपयोग करें। यूएस मानचित्र के उदाहरण में आप यही उपयोग करेंगे, क्योंकि बहुभुज आपको अंक छोड़ने और छवि पर बहुत ही जटिल और अनियमित आकार बनाने की अनुमति देगा
हॉटस्पॉट के लिए प्रॉपर्टी विंडो में, उस पृष्ठ पर टाइप करें या ब्राउज़ करें जिस पर हॉटस्पॉट लिंक होना चाहिए। यह वह लिंक करने योग्य क्षेत्र बनाता है। जब तक आपका नक्शा पूरा नहीं हो जाता है और आप जो लिंक जोड़ना चाहते हैं, तब तक हॉटस्पॉट जोड़ना जारी रखें।
एक बार पूरा हो जाने के बाद, यह सुनिश्चित करने के लिए कि यह सही तरीके से काम करता है, अपने ब्राउज़र मानचित्र को ब्राउज़र में दोबारा देखें। यह सुनिश्चित करने के लिए प्रत्येक लिंक पर क्लिक करें कि यह उचित संसाधन या वेब पेज पर जाता है।
छवि मानचित्र के नुकसान
एक बार फिर, जागरूक रहें कि छवि मानचित्रों में उत्तरदायी वेबसाइटों के साथ समर्थन की उपरोक्त कमी के बाहर भी कई विपक्ष हैं। एफआईआरएस, छवि विवरण में छोटे विवरण अस्पष्ट हो सकते हैं। उदाहरण के लिए, भौगोलिक छवि मानचित्र यह निर्धारित करने में सहायता कर सकते हैं कि उपयोगकर्ता किस महाद्वीप से है, लेकिन इन मानचित्रों को उपयोगकर्ता के मूल देश को इंगित करने के लिए पर्याप्त विस्तृत नहीं किया जा सकता है। इसका अर्थ यह है कि एक छवि मानचित्र यह निर्धारित करने में सहायता कर सकता है कि कोई उपयोगकर्ता एशिया से है, लेकिन विशेष रूप से कंबोडिया से नहीं।
छवि मानचित्र धीरे-धीरे लोड भी हो सकते हैं। उन्हें वेबसाइट पर कई बार उपयोग नहीं किया जाना चाहिए क्योंकि वे किसी वेब साइट के प्रत्येक पृष्ठ पर उपयोग करने के लिए बहुत अधिक जगह पर कब्जा करते हैं। एक पृष्ठ पर बहुत से छवि मानचित्र गंभीर बाधा उत्पन्न करेंगे और साइट प्रदर्शन पर भारी प्रभाव डालेंगे।
अंत में, विज़ुअल समस्याओं वाले उपयोगकर्ताओं के लिए छवि मानचित्र आसान नहीं हो सकते हैं। यदि आपने छवि मानचित्रों का उपयोग किया है, तो आपको इन उपयोगकर्ताओं के लिए वैकल्पिक के रूप में एक और नेविगेशन सिस्टम भी बनाना चाहिए।
जमीनी स्तर
मैं समय-समय पर छवि मानचित्र का उपयोग करता हूं जब मैं एक डिजाइन के त्वरित डेमो को एक साथ रखने और यह कैसे काम करता है। उदाहरण के लिए, मैं मोबाइल ऐप के लिए एक डिज़ाइन का मज़ाक उड़ा रहा हूं और मैं ऐप की इंटरएक्टिविटी को अनुकरण करने के लिए हॉटस्पॉट बनाने के लिए छवि मानचित्रों का उपयोग करना चाहता हूं। ऐप को कोड करना या एचटीएमएल और सीएसएस के साथ मौजूदा मानकों के लिए बनाए गए डमी वेबपृष्ठों को बनाने के लिए यह करना बहुत आसान है। इस विशिष्ट उदाहरण में, और क्योंकि मुझे पता है कि मैं किस डिवाइस पर डिज़ाइन को डेमो कर सकता हूं और उस डिवाइस पर कोड स्केल कर सकता हूं, एक छवि मानचित्र काम करता है, लेकिन उन्हें एक उत्पादन साइट या ऐप में डालना बहुत मुश्किल है और संभवतः आज के समय से बचा जाना चाहिए वेबसाइटों।
जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 9/7/17 को संपादित किया गया।