एक प्रतिमा नकाशा तयार करण्यासाठी टिपा सह Dreamweaver

प्रतिमा नकाशे वापरण्यासाठी लाभ आणि नुकसान

वेब डिझाइनच्या इतिहासात एक बिंदू होता जेथे अनेक साइट्सने "प्रतिमा नकाशे" म्हणून ओळखले जाणारे एक वैशिष्ट्य वापरले होते. ही पृष्ठावर विशिष्ट प्रतिमेसह संलग्न केलेल्या निर्देशांकांची सूची आहे. हे समन्वय त्या प्रतिमेवरील हायपरलिंक क्षेत्र तयार करतात, ग्राफिकमध्ये "हॉट स्पॉट्स" जोडणे आवश्यक आहे, त्यातील प्रत्येक विविध ठिकाणी जोडण्यासाठी कोडित केले जाऊ शकतात. हे फक्त एका प्रतिमेवर लिंक टॅग जोडण्यापेक्षा बरेच वेगळे आहे, जे संपूर्ण ग्राफिक एका गंतव्याने एक मोठे दुवा म्हणून कारणीभूत होईल.

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

प्रतिमा नकाशे उपयुक्त आहेत काय? ते निश्चितपणे होते, परंतु आजच्या वेबवर ते पक्षात नाहीत. हा किमान भाग आहे, कारण प्रतिमा नकाशे काम करण्यासाठी विशिष्ट समन्वय आवश्यक आहे. साइट्स आज प्रतिसादपूर्ण आणि स्क्रीन किंवा डिव्हाइसच्या आकारावर आधारित प्रतिमा स्केल बनल्या आहेत. याचा अर्थ असा की प्री-सेट निर्देशांक, जे प्रतिमा नकाशे कसे कार्य करतात, साइट स्केल आणि प्रतिमा बदलतात तेव्हा ते वेगळे होतात. याच कारणास्तव प्रतिमा नकाशे आजच निर्मिती साइटवर क्वचितच वापरल्या जात आहेत, परंतु ते अद्याप डेमो किंवा उदाहरणांकरिता फायदे आहेत ज्यात आपण पृष्ठाचे आकार सक्ती करत आहात

प्रतिमा नकाशा कसा तयार करायचा हे जाणून घेऊ इच्छितो, विशेषतः ड्रीमइव्हरसह कसे करावे? . प्रक्रिया विशेषतः कठीण नाही, परंतु हे एकतर सोपे नाही, म्हणून आपण सुरुवात करण्यापूर्वी आपल्याला काही अनुभव घ्यावा.

प्रारंभ करणे

चला सुरू करुया. आपल्या वेब पृष्ठावर एक प्रतिमा जोडणे आवश्यक आहे पहिले पाऊल. आपण नंतर ती प्रकाशित करण्यासाठी प्रतिमा वर क्लिक कराल. तेथून, आपल्याला गुणधर्म मेनूमध्ये जाण्याची आवश्यकता आहे (आणि तीन हॉटस्पॉट रेखांमधील एक साधनावर क्लिक करा: आयत, मंडळ किंवा बहुभुज.आपल्या प्रतिमेचे नाव विसरू नका, जे आपण मालमत्ता बारमध्ये करू शकता.आपण हे नाव देऊ शकता तुम्हाला हवे असलेले काहीही "नकाशा" वापरा.

आता, यापैकी एखादा टूल वापरून आपण आपल्या प्रतिमेवर इच्छित आकार काढा. आपण आयताकृती स्पॉट्स आवश्यक असल्यास, आयत वापरा. मंडळासाठी हेच अधिक जटिल हॉटस्पॉट आकृत्या आपल्याला हवे असल्यास, बहुभुज वापरा. आपण अमेरिकेच्या नकाशाच्या उदाहरणामध्ये हेच वापरु शकता, कारण बहुभुज आपल्याला बिंदू कमी करण्यास आणि प्रतिमावर खूप जटिल आणि अनियमित आकृत्या बनविण्यास अनुमती देतात.

हॉटस्पॉटसाठी गुणधर्म विंडोमध्ये, ज्या हॉटस्पॉटने दुवा साधला असेल त्या पृष्ठावर टाइप करा किंवा ब्राउझ करा हे त्या जोडता येण्याजोगे क्षेत्र तयार करण्यासारखे आहे. आपले नकाशा पूर्ण होईपर्यंत हॉटस्पॉट जोडणे सुरु ठेवा आणि आपण जोडण्यास इच्छुक सर्व दुवे जोडले गेले आहेत.

एकदा आपण पूर्ण केले की, तो आपली प्रतिमा मॅप पुन्हा ब्राऊझरमध्ये रीरेव्ह करते याची खात्री करण्यासाठी योग्य स्त्रोत किंवा वेब पृष्ठावर जाण्यासाठी प्रत्येक दुव्यावर क्लिक करा

प्रतिमा नकाशांचे तोटे

पुन्हा एकदा, लक्षात ठेवा प्रतिमा नकाशांमध्ये बर्याच संकटे आहेत, अगदी उत्तरदायी वेबसाइटसह समर्थनाची अभाव असल्याशिवाय. मुख्याध्यापक, लहान तपशील एक फोटो नकाशात अस्पष्ट केले जाऊ शकते. उदाहरणार्थ, भौगोलिक प्रतिमा नकाशे कोणता एखादा वापरकर्ता कोणता महाकाय आहे हे निर्धारित करण्यास मदत करू शकतात, परंतु या नकाशे वापरकर्त्याचे मूळ देश ठरवण्यासाठी पुरेसे विस्तृत नसावे. याचा अर्थ एक प्रतिमा मॅप एखाद्या वापरकर्त्याकडून आशियाहून आला आहे की नाही हे निश्चित करण्यात मदत करेल परंतु विशेषतः कंबोडियातून नाही.

प्रतिमा नकाशे हळूहळू लोड होऊ शकतात. एखाद्या वेबसाईटच्या प्रत्येक पानावर जास्त जागा वापरण्याकरता ते बहुतेक वेळा वेबसाईटवर वापरता कामा नये. एका पृष्ठावरील बर्याच प्रतिमा नकाशे एक गंभीर व्यत्यय निर्माण करतील आणि साइट कार्यप्रदर्शनावर एक प्रचंड प्रभाव पाडतील.

अखेरीस, व्हिज्युअल समस्यांना प्रवेश देण्यास वापरकर्त्यांसाठी प्रतिमा नकाशे सोपे होऊ शकत नाहीत. आपण प्रतिमा नकाशे वापरल्यास, आपण वैकल्पिक म्हणून या वापरकर्त्यांसाठी आणखी एक नेव्हिगेशन प्रणाली तयार केली पाहिजे.

तळाची ओळ

मी प्रतिमा नकाशे वेळोवेळी वापरतो जेव्हा मी डिझाइनचे एक झटपट प्रदर्शन आणि ते कसे कार्य करते ते एकत्रित करण्याचा प्रयत्न करतो. उदाहरणार्थ, मी मोबाईल अॅपसाठी डिझाईन बनवत आहे आणि मी अॅप्सच्या परस्परसंवादाला अनुकरण करण्यासाठी हॉटस्पॉट्स तयार करण्यासाठी प्रतिमा नकाशे वापरू इच्छित आहे. हे अॅपला कोड करणे किंवा एचटीएमएल व सीएसएससह चालू मानकांना तयार केलेल्या डमी वेबपेज तयार करण्यापेक्षा हे करणे खूप सोपे आहे. या विशिष्ट उदाहरणामध्ये, आणि मला हे माहित आहे की मी कोणत्या साधनावर डिझाईन करेल आणि त्या यंत्रासाठी कोड मोजू शकते, प्रतिमा नकाशा कार्य करतो, परंतु उत्पादन साइट किंवा अॅप्मध्ये टाकणे हे फार अवघड आहे आणि आजच्या दिवसापासून त्यावर टाळावे. वेबसाइट

जेनिफर क्रिनिन द्वारे मूळ लेख. जेरेमी गिरर्ड द्वारा संपादित केले 9/7/17 रोजी