तस्बिर नक्सा सम्पादक बिना छवि नक्सा कसरी निर्माण गर्ने?

तस्बिर नक्साहरू सरल सरल HTML ट्याग हुन्

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

तपाईंलाई छवि, एक छवि सम्पादक र केहि प्रकारको एचटीएमएल सम्पादक वा पाठ सम्पादक आवश्यक पर्दछ। अधिक छवि सम्पादकहरूले तपाईंलाई छविमा बिन्दु गर्दा तपाईंको माउसको समन्वयहरू देखाउनेछ। यो समन्वय डेटा तपाईलाई छवि नक्साको साथ सुरू गर्न आवश्यक छ।

छवि नक्सा सिर्जना गर्दै

तस्विर नक्शा सिर्जना गर्न, पहिला छवि छान्नुहोस् जसले नक्साको आधारको रूपमा सेवा गर्नेछ। छवि "सामान्य आकार" हुनु पर्छ -तपाईँले एउटा छवि प्रयोग गर्नु हुँदैन जुन ठूलो छ कि ब्राउजरले यो मापन गर्दछ।

जब तपाई छवि सम्मिलित गर्नुहुन्छ, तपाईले थप विशेषता जोड्नुहुनेछ जुन नक्साको समन्वय पहिचान गर्दछ:

जब तपाई छवि नक्शा सिर्जना गर्नुहुन्छ, तपाई छविमा क्लिक गर्न योग्य क्षेत्र सिर्जना गर्दै हुनुहुन्छ, त्यसका लागि नक्शाको समकक्षहरू तपाईले चयन गरेको छविको उचाइ र चौडाइको साथमा पङ्क्तिबद्ध हुनुपर्छ। नक्शा तीन प्रकारका आकारहरूको समर्थन गर्दछ:

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

क्षेत्रहरू सिर्जना गर्न, तपाईंले नक्सालाई मनपर्ने विशेष समन्वयहरूलाई अलग गर्न अनिवार्य छ। एउटा नक्सामा छवि वा एक वा बढी परिभाषित क्षेत्रहरू हुन सक्छन् जुन क्लिक गर्दा, नयाँ हाइपरलिंक खोल्नुहोस्।

एक आयतका लागि , तपाईंले भर्खर शीर्ष बाँया र तल्लो दाँया कोने मा नक्सा बनाउनुहुन्छ। सबै समकक्षहरू को रूपमा सूचीबद्ध x, y (माथि, माथि)। त्यसोभए माथिल्लो बायाँ कुनामा 0,0 र तल्लो दाँया कुनामा 10,15 तपाईंले 0,0,10,15 टाइप गर्नुहुनेछ । त्यसपछि तपाईले यो नक्शामा समावेश गर्दछ:

<नक्शा नाम = "babycats"> <क्षेत्र आकार = "रिक्ट" कोर्ड्स = "0,0,10,15" href = "morris.htm" alt = "Morris">

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

<नक्शा नाम = "babycats"> <क्षेत्र आकार = "पाली" कोवर्ड = "17,34,41,96,110,121" href = "garfield.htm" alt = "गारफील्ड">

सर्कल आकृतिहरू केवल दुई समन्वयहरू चाहिन्छ, जस्तै आयत जस्तै, तर दोस्रो समन्वयको लागि, तपाइँ सर्क्रिको केन्द्रबाट त्रिभुज वा दूरी निर्दिष्ट गर्नुहुन्छ। त्यसकारण, 122,122 मा केन्द्रको सर्कल र 5 त्रिज्याको लागि तपाईंले 122,122,5 लेख्नुभयो:

<नक्शा नाम = "babycats"> <क्षेत्र आकार = "सर्क" coords = "122,122,5" href = "catbert.htm" alt = "catbert">

एउटै नक्शा ट्यागमा सबै क्षेत्रहरू र आकारहरू समावेश गर्न सकिन्छ:

<नक्शा नाम = "babycats"> <क्षेत्र आकार = "रिट" कोर्ड्स = "0,0,10,15" href = "morris.htm" alt = "मोरिस"> <क्षेत्र आकार = "पाली" कोर्सेस = "17 , 34,41,96,110,121 "href =" garfield.htm "alt =" गारफील्ड "> <क्षेत्र आकार =" सर्क "कोर्ड्स" 122,122,5 "href =" catbert.htm "alt =" Catbert ">

विचारहरू

1 99 0 को 1 99 0 को वेब 1.0 युगमा छवि नक्साहरू धेरै प्रारम्भिक 2000 भन्दा धेरै प्रारम्भमा थिए - छवि नक्साले प्राय: वेबसाइटको नेभिगेसनको आधार बनायो। एक डिजाइनरले मेनु वस्तुहरू संकेत गर्न केही प्रकारको तस्वीर सिर्जना गर्नेछ, त्यसपछि नक्सा सेट गर्नुहोस्।

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

यद्यपि नक्सा ट्याग अझै HTML मानकमा समर्थित छ, सानो फारम कारकहरूसँग मोबाइल यन्त्रहरूको प्रयोग छवि नक्साको साथ अप्रत्याशित प्रदर्शन समस्या हुन सक्छ। यसबाहेक, ब्यान्डविड्थ समस्या वा बिच्छेद छविहरूले छवि नक्शाको मानलाई मेटाउँदछ।

त्यसोभए, यो स्थिर, राम्रो-बुझिएको टेक्नोलोजी प्रयोग गर्न को लागी नि: शुल्क महसुस गर्नुहोस्-जान्नुहोस् कि वेब डिजाईनहरु संग वर्तमान मा अधिक प्रचलित विकल्पहरू छन्।