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