तस्वीर-मा-चित्र सन्दर्भ कसरी बनाउने? तस्वीर एक लिङ्क कसरी सम्मिलित

ब्यानरहरू र सिर्जना साइट नक्सा, कसरी एक लिंक, तस्वीर गर्न सम्मिलित यो उज्जवल र थप रोचक मेनु के, यस्तो समस्या शुरुवात वेबमास्टरों सामना गर्दै हुनुहुन्छ। तर कसरी लागू गर्ने? तपाईं HTML भाषा थाहा छ भने सजिलो केही हो।

हामीलाई पत्ता लगाउन हामी कसरी यो विचार को एक वास्तविकता बनाउन सक्छ गरौं। यस लेखमा हामी तपाईंलाई समस्या समाधान गर्न दुई विकल्प प्रस्ताव गर्नेछ। एक शायद कारण दोस्रो प्रसिद्ध मानिन्छ बेला यो समय र प्रयास को एक धेरै लिन्छ भन्ने तथ्यलाई गर्न प्रयोग। हामी दुवै संग विश्लेषण।

जहाँ छवि-लिंक प्रयोग गरिन्छ

हामी एक तस्वीर-मा-चित्र सन्दर्भ कसरी बनाउने कुरा अघि, हामी कहाँ र किन तिनीहरूले प्रयोग गरिन्छ बुझ्न पर्छ। आखिर, हामी छवि देखि चाहनुहुन्छ के बुझ्न सजिलो हुनेछ।

ब्यानरहरू, विज्ञापन रेखाचित्र टाउट रूपमा तस्बिरहरू लिंक सामान्यतः प्रयोग गरिन्छ। यो उदाहरण चित्रहरु सबै नै "VKontakte" मा छौं। तपाईं एक विशेष ठेगाना निर्माण गरिएको छ जो फोटो मा क्लिक कति धेरै पटक सम्झना? साथै, तिनीहरूले एकदम अक्सर, मेनु समूह र समुदाय को रूप मा प्रयोग गरिन्छ, विशेष गरी यदि तिनीहरूले विशेष प्रविष्टिहरू समावेश गर्दछ। यस्तो धेरै तस्बिरहरू अन्य साइटहरु फेला परेन।

तस्वीर मा लिङ्क पेस्ट

तस्वीर-लिंक - साधारण कुरा। कि यो बारेमा हामी सुरु गर्न कुरा। यो दृष्टान्त एक तयार सन्दर्भ छ। यो प्रतिमा क्लिक अर्थात्, तपाईं नयाँ पृष्ठ निर्देशित गरिने छ।

तपाईं यसलाई HTML-मार्कअप को मद्दतले एक साधारण लिंक द्वारा परिभाषित गरिएको छ कसरी थाहा छ भने, समस्याको तपाईं उत्पन्न गर्नुपर्छ। मात्र फरक पाठ लिंक को सट्टा निर्दिष्ट छवि छ भन्ने छ।

त्यसैले, आफ्नो योजना लागू गर्न, तपाईं तस्वीर नै इन्टरनेटमा अपलोड वा तपाईँको कम्प्युटरमा भण्डारण गरिएका (तपाईं अनलाइन मोड मा काम गर्दै छन् कि आधारमा वास्तवमा साइटमा वा सम्पादक zadeystvuete) आवश्यक छ।

हामी, छवि ठेगाना खोजिरहेको यो भूल छैन लेख्नुहोस्। पनि यो चित्र खोल्न गर्नुपर्छ भनेर लिंक समाधान।

- एक विशेष कोड तस्वीर : अर्को, निम्न लेख्न । छवि-लिंक यसको मदतले परिभाषित गरिएको छ।

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

तस्वीर एक मेनु बनाउन

पहिलो विधि वेब पृष्ठ को अध्ययन मार्कअप भाषा मा स्वतन्त्र विकास भएको थियो। मेनु यस्तो सिर्जना घण्टा एक जोडी लाग्न सक्छ।

यो एकदम समय-खपत छ र मेनु कार्ड वा दोस्रो विधि सिर्जना भन्दा अलि धेरै समय लाग्छ यो विधि, विभिन्न सम्पादकहरूले संग Tinker गर्न चाहनुहुन्छ गर्नेहरूका लागि उपयुक्त छ। यो धेरै स्ट्रिप्स वा वर्गहरूको मा कटौती छ जो तस्वीर, लिइएको छ भन्ने तथ्यलाई मा निहित। माथि वर्णन रूपमा प्रत्येक छवि, हस्ताक्षर गरिएको छ, र एक लिंक लागि आधार। अर्को, कोड पृष्ठ ट्याग सही क्रममा लेखिएका छन्। एक चित्र-मा-चित्र सन्दर्भ, लगभग हल कसरी गर्न एक सबै प्रश्न हो। तर दोस्रो विकल्प बारे मा भूल छैन।

उहाँले मेनु यसको लिंक चित्रण प्रत्येक क्षेत्र माग्दै, बस एक तस्वीर संग बनाउन छ। चिन्ता नगर्नुहोस्, केही यी अति यस जटिल। अब, पहिलो कुरा पहिले।

कसरी बनाउने

हामीलाई अलि बढी पहिलो तरिका जाँचौं।

सुरु गर्न, तपाईं ग्राफिक सम्पादक, र HTML को ज्ञान आवश्यक हुनेछ। एउटा सन्दर्भ तस्वीर कसरी बनाउने, यो मार्कअप पृष्ठ को यस प्रकारको बताउँछ।

त्यसैले, तपाईं यसरी जाने निर्णय भने, तपाईं छवि र सरल ग्राफिकल सम्पादक भनेर चित्रहरु कटौती र साथै आफ्नो लेबल मा राख्नु, तपाईँ तिनीहरूलाई भर्न सक्नेछन् जहाँ एक स्थानको रूपमा गर्न अनुमति दिन्छ आवश्यक छ।

यदि यो तपाईंको आफ्नै वेबसाइट - लागि उपयुक्त पारंपरिक ग्यालरी या लाइब्रेरी फाइलहरू, "VKontakte" यो एक समूह एल्बम वा समुदाय (प्राथमिकताको नि: शुल्क) हुन सक्छ।

यसबाहेक, छवि टुक्रा मा कटौती गर्न, यसरी यो आवश्यक भागहरु प्राप्त गर्दै छन् जो आदेश सम्झना छ। तिनीहरूलाई inscriptions मा Stamped र सर्भर भर्न, प्रत्येक दृष्टान्त मा उल्लेख लेख्नुहोस्।

माथिको कोड लिनुहोस्, र इच्छित डेटा विकल्प गर्न। त्यसपछि तिनीहरूले जानु पर्छ जसमा क्रममा साइटमा छवि भर्नुहोस्। एकै समयमा, तपाईं स्ट्रिप्स यसलाई कटौती भने तपाईँले एउटा नयाँ लाइन मा प्रत्येक लिंक माग्नुपर्छ, तर तपाईं वर्गहरूको मा फोटो साझेदारी छ भने तपाईं यो वर्गहरूको गरिएका धेरै लिंक रूपमा पङ्क्ति राख्न आवश्यक छ।

हामी एक साइट मानचित्र के

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

# नक्सा नाम "- पहिलो, हामी Sitemap आदेश मानचित्रप्रयोगगर्नुहोस् = प्रयोग गरेर छवि जोडिएको छ कि सम्झना गर्नुपर्छ।" मानचित्रप्रयोगगर्नुहोस् = # मानचित्र 1, ट्याग img मा साइट मा तस्विर भर्नु, त्यसैले निर्धारित छ जो, दोस्रो भाग मा ट्याग थप्न निश्चित हुन "।

थप मार्कअप लिङ्कहरू संलग्न छन् जो, क्षेत्र मा तस्बिरहरू एक जोडी ट्याग <नक्सा> , जो जोडी ट्याग <शरीर> बीच कुनै पनि सुविधाजनक ठाउँमा राखिएको प्रयोग गरेर गरिन्छ।

प्रयोग गर्दा नक्सा यस प्रकारको मात्र होइन लिंक, तर पनि आफ्नो गतिविधिहरु र निर्देशांक को क्षेत्र आग्रह गर्नुपर्छ भनेर याद गर्नुहोस्। अर्को, हामी आधारभूत मापदण्डहरु ट्याग छ छलफल गर्नेछन्।

सर्टकट सेटिङहरू

त्यसैले, आफ्नो आँखा अघि, तैयार-सन्दर्भ तस्बिर। सन्दर्भ लागि यो एक निश्चित क्षेत्र आवंटित गर्न - HTML तपाईं एकदम छवि को कार्यक्षमता सुधार गर्न अनुमति दिन्छ। यो सबै विशिष्ट मापदण्डहरू, अब छलफल गरिने दिएको छ।

का जोडीमा ट्याग <नक्सा> को आधारभूत मापदण्डहरु बारेमा एक सानो कुरा गरौं। मुख्यतया यस नाम, मान मानचित्रप्रयोगगर्नुहोस् बराबर छ। त्यसैले तपाईं कार्ड तस्विर गर्न लेखिएको छ कि निर्दिष्ट।

<क्षेत्र>, जो सन्दर्भको क्षेत्र वर्णन - थप ट्याग जोडी <नक्सा> भित्र अर्को ट्याग निर्धारित छ। उहाँले अवश्य, यो यसको आफ्नै मापदण्डहरु छ, मान्छे होइन र।

पहिलो - आकार। एक वेब मास्टर को मदत क्षेत्र एक प्रकारको सेट गर्छ। यो हुन सक्छ:

• सर्कल - सर्कल;
• आयत - RECT;
• बहुभुजको - पाली;
• बाँकी क्षेत्र तस्वीर - पूर्वनिर्धारित।

अर्को - coords। पिक्सेल क्षेत्र को निर्देशांक को मद्दतले। यो मा मूल समन्वय सिस्टम - माथिल्लो बायाँ कुनामा। यो त थियो, र मुख्य समस्या छ -, त्यहाँ कम्प्युटर ग्राफिक्स संग कुनै familiarity छ, विशेष गरी यदि द्वारा पिक्सेल को निर्देशांक परिभाषित गर्न त सजिलो छैन।

हामी पनि लिंक को ठेगाना सेट जो एकदम प्रसिद्ध href, उल्लेख गरे।

र अन्तिम विकल्प, जो, उल्लेख गर्न - nohref। यो क्षेत्र एउटा सन्दर्भ छैन भनेर देखाउँछ।

निस्सन्देह, यो तपाईं चित्र वा लिङ्क-नक्सा सेट गर्न सक्नुहुन्छ कि मापदण्डहरू पूर्ण सूची हो। तर एकै समयमा, यो आफ्नो सिस्टम को एक उज्ज्वल र रंगीन लिंक वा सारा सिर्जना गर्न पर्याप्त हुनेछ।

सुझाव

लागि Whichever तरिका लिंक, चित्र सिर्जना तपाईँले चयन, महत्वपूर्ण कुरा मूल छवि राम्रो थियो भन्ने छ। आँखा पकड भन्ने छैन, उज्ज्वल रंग वा ढाँचाको रीस उठाउनु छैन ती डिजाइन चयन गर्न प्रयास गर्नुहोस्। यो एउटा साइट नक्साको लागि विशेष गरी महत्त्वपूर्ण छ। तपाईं गर्न सक्नुहुन्छ एक महाविद्यालय बनाउन धेरै फोटोहरू, तिनीहरूलाई गाढा, वा ग्राफिक्स कार्यक्रम मा फिल्टर को एक सक्रिय।

तपाईं सिर्जना गर्दा एक साइटमैप नरम, आँखा ढाँचाको गर्न गैर-परेशान छवि चयन गर्न सिफारिस गरिएको छ। उज्ज्वल तस्वीर -LINK - मलाई विश्वास छ, सधैं सफलता प्रमुख छ। "VKontakte" तथापि, अक्सर बस चमक र showiness मा, नयाँ आगंतुकों आकर्षित गर्न ध्यान।

निष्कर्ष

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