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