किसी दस्तावेज़ में एक लिंक बनाने की क्षमता जो आपको किसी अन्य दस्तावेज़ पर ले जाती है, शायद दुनिया भर में नेटवर्क के आधे रास्ते पर, तर्कसंगत रूप से वर्ल्ड वाइड वेब का आविष्कार किया जाने वाला एक सबसे महत्वपूर्ण कारण है। हाइपरलिंक्स नामक ये लिंक एचटीएमएल में "एच" हैं - हाइपरटेक्स्ट मार्कअप भाषा। हाइपरलिंक्स के बिना, वेब बहुत उपयोगी नहीं होगा। कोई खोज इंजन, सोशल मीडिया या बैनर विज्ञापन नहीं होंगे (ठीक है, हम में से अधिकांश उन लोगों को देखने के लिए खड़े हो सकते हैं)।
जब आप अपने स्वयं के वेब पेज बना रहे हैं, तो आप हाइपरलिंक्स बनाना चाहते हैं, और कॉम्पोज़र में ऐसे टूल्स हैं जो किसी भी प्रकार के लिंक जोड़ना आसान बनाते हैं। इस ट्यूटोरियल में चित्रित नमूना पृष्ठ में एक ही वेब पेज के अन्य हिस्सों में, और एक ईमेल संदेश शुरू करने के लिए चार श्रेणियों में अन्य वेबसाइटों के लिंक शामिल होंगे। मैं प्रत्येक श्रेणी के लिए एक शीर्षक और चार एच 3 शीर्षकों के साथ शुरू करूंगा। अगले पृष्ठ पर हम कुछ लिंक जोड़ देंगे।
05 में से 01
KompoZer के साथ एक हाइपरलिंक बनाना
टूलबार पर लिंक बटन पर क्लिक करके KompoZer के हाइपरलिंक टूल का उपयोग किया जाता है। हाइपरलिंक बनाने के लिए:
- अपने कर्सर को उस पृष्ठ पर रखें जहां आप अपना हाइपरलिंक दिखाना चाहते हैं।
- टूलबार पर लिंक बटन पर क्लिक करें। लिंक गुण संवाद बॉक्स दिखाई देगा।
- पहला फ़ील्ड जिसे आप भरने की जरूरत है वह लिंक टेक्स्ट बॉक्स है। उस टेक्स्ट में टाइप करें जिसे आप अपने हाइपरलिंक के लिए पृष्ठ पर दिखाना चाहते हैं।
- दूसरा फ़ील्ड जिसे आप भरने की जरूरत है वह लिंक स्थान बॉक्स है। पृष्ठ के यूआरएल में टाइप करें कि क्लिक किए जाने पर आपका हाइपरलिंक उपयोगकर्ता को ले जाएगा। यूआरएल को अपने ब्राउजर के एड्रेस बार से कॉपी और पेस्ट करना एक अच्छा विचार है। आप इस तरह से गलती करने की बहुत कम संभावना रखते हैं और कम से कम आपके लिंक निर्माण के समय, यह पता है कि पृष्ठ जीवित है और वह लिंक टूटा नहीं गया है।
- ठीक क्लिक करें और लिंक गुण संवाद बॉक्स बंद हो जाएगा। आपका लिंक अब आपके पेज पर दिखाई देगा।
अधिकांश ब्राउज़रों पर, हाइपरलिंक डिफ़ॉल्ट रूप से नीले रेखांकित टेक्स्ट में दिखाई देगा। आप KompoZer के साथ हाइपरलिंक्स में अपनी खुद की शैलियों को लागू कर सकते हैं, लेकिन अभी के लिए, हम मूल हाइपरलिंक के साथ रहेंगे। वेब पेज में अपने पेज का पूर्वावलोकन करना और यह सुनिश्चित करने के लिए लिंक पर क्लिक करना एक अच्छा विचार है कि वे काम करते हैं।
05 में से 02
KompoZer के साथ एक एंकर लिंक बनाना
एक अन्य प्रकार का हाइपरलिंक है जो आपको क्लिक किए जाने पर उसी वेब पेज के दूसरे हिस्से में ले जाता है। इस तरह के हाइपरलिंक को एंकर लिंक कहा जाता है, और उस पृष्ठ का क्षेत्र जिसे आप उस लिंक पर क्लिक करते समय ले जाते हैं उसे एंकर कहा जाता है। यदि आपने कभी भी वेब पेज के नीचे "बैक टू टॉप" लिंक का उपयोग किया है, तो आप एंकर के लिंक पर क्लिक कर रहे हैं।
KompoZer आपको एंकर बनाने की अनुमति देता है जिसे आप टूलबार पर एंकर टूल का उपयोग कर लिंक कर सकते हैं।
- अपने पेज के उस क्षेत्र पर क्लिक करें जहां आप एंकर चाहते हैं। यही वह जगह है, जहां आप पृष्ठ दर्शक को एंकर लिंक पर क्लिक करने के लिए ले जाना चाहते हैं। इस उदाहरण के लिए, मैंने पसंदीदा संगीत शीर्षलेख में "एफ" से पहले क्लिक किया था।
- टूलबार पर एंकर बटन पर क्लिक करें। नामांकित एंकर गुण संवाद बॉक्स प्रकट होता है।
- किसी पृष्ठ पर प्रत्येक एंकर को एक अद्वितीय नाम की आवश्यकता होती है। इस एंकर के लिए, मैंने "संगीत" नाम का उपयोग किया।
- ठीक क्लिक करें, और आपको देखना चाहिए, और एंकर प्रतीक उस स्थान पर दिखाई देता है जहां आप एंकर चाहते थे। यह प्रतीक आपके वेब पेज पर नहीं दिखाई देगा, यह ठीक है कि कैसे कॉम्पोजर आपको दिखाता है कि आपके एंकर कहां हैं।
- उस पृष्ठ के किसी अन्य क्षेत्र की प्रक्रिया को दोहराएं जहां आप चाहते हैं कि उपयोगकर्ता कूद सकें। यदि आपके पास शीर्षक या कुछ अन्य तार्किक विभक्त द्वारा अलग किए गए पृष्ठ पर बहुत अधिक टेक्स्ट है, तो एंकर एक पृष्ठ पर नेविगेट करने का एक आसान तरीका है।
इसके बाद, हम उन लिंक को बनाएंगे जो पाठक को आपके द्वारा बनाए गए एंकरों पर ले जाएंगे।
05 का 03
KompoZer के साथ पेज नेविगेशन बनाना
अब जब आपके पृष्ठ पर एंकर हैं, तो उन लिंक को बनाएं जो उन एंकरों के शॉर्टकट के रूप में उपयोग किए जाएंगे। इस ट्यूटोरियल के लिए, मैंने पृष्ठ के शीर्ष शीर्षलेख के नीचे एक पंक्ति, 4 कॉलम तालिका बनाई है। प्रत्येक तालिका कक्ष में एक ही टेक्स्ट होता है जो श्रेणी शीर्षलेखों में से एक होता है जिसका उपयोग पृष्ठ पर लिंक को अलग करने के लिए किया जाता है। हम इन तालिका कक्षों में से प्रत्येक में पाठ को संबंधित एंकर के लिंक बना देंगे।
04 में से 04
KompoZer के साथ एंकरों के लिए हाइपरलिंक्स बनाना
अब हमारे पास हमारे एंकर हैं और टेक्स्ट जो हम पृष्ठ नेविगेशन के लिए उपयोग करेंगे, हम उन सादे पाठों को लिंक में बदल सकते हैं। हम फिर से लिंक बटन का उपयोग करेंगे, लेकिन इस बार यह थोड़ा अलग काम करेगा।
- उस पाठ का चयन करें जिसे आप एक लिंक में बदलना चाहते हैं। इस उदाहरण में, मैंने "पसंदीदा संगीत" टेक्स्ट चुना है जो पृष्ठ के शीर्ष पर पहले टेबल सेल में है।
- टूलबार पर लिंक बटन पर क्लिक करें। लिंक गुण संवाद बॉक्स खुल जाएगा।
- इस मामले में, हमने लिंक बटन पर क्लिक करने से पहले टेक्स्ट का चयन किया था, इसलिए विंडो का लिंक टेक्स्ट सेक्शन पहले से भर चुका है और इसे संपादित नहीं किया जा सकता है। लिंक स्थान अनुभाग में नीचे तीर पर क्लिक करें। आप पिछले चरणों में बनाए गए एंकरों की एक सूची देखेंगे। इस उदाहरण के लिए, मैं # संगीत एंकर का चयन करता हूं।
- ओके पर क्लिक करें। नेविगेशन बार में "पसंदीदा संगीत" टेक्स्ट एक लिंक में बदल जाता है जिससे दर्शक क्लिक किए जाने पर पृष्ठ पर उस अनुभाग पर कूदने का कारण बनता है।
आप देखेंगे कि ड्रॉप-डाउन मेनू में प्रत्येक नाम एंकर में इसके सामने एक "#" चिह्न है। इस प्रकार आप एचटीएमएल में एंकर के लिए एक लिंक बनायेंगे। एंकर नाम के सामने "#" ब्राउज़र को बताता है कि यह लिंक आपको उसी पृष्ठ पर किसी अन्य स्थान पर ले जाता है।
05 में से 05
KompoZer के साथ एक छवि से एक हाइपरलिंक बनाना
क्या आप जानते थे कि आप छवियों के साथ-साथ पाठ से एक लिंक बना सकते हैं? KompoZer आपको केवल कुछ क्लिक का उपयोग करके ऐसा करने की अनुमति देता है। यहां मैंने एक छोटी आइकन छवि डाली है जो पृष्ठ के निचले हिस्से में ऊपरी ओर इशारा करते हुए तीर और टेक्स्ट "टॉप" दिखाती है। मैं इस छवि का उपयोग पृष्ठ के शीर्ष पर वापस कूदने के लिए एक लिंक के रूप में करने जा रहा हूं।
- किसी छवि पर राइट-क्लिक करें और संदर्भ लेबल से छवि और लिंक गुण चुनें। छवि गुण संवाद बॉक्स खुल जाएगा।
- स्थान टैब पर, आपको छवि का फ़ाइल नाम और पहले से भरने वाले थंबनेल दृश्य दिखाई देगा। आपको वैकल्पिक टेक्स्ट बॉक्स में कुछ टेक्स्ट दर्ज करना चाहिए। यह तब दिखाई देता है जब आप अपने माउस को छवि पर ले जाते हैं, और एक स्क्रीन रीडर द्वारा जो भी पढ़ा जाता है जब एक दृष्टिहीन व्यक्ति वेब पेज पढ़ता है।
- लिंक टैब पर क्लिक करें। यहां आप मेनू से एंकर चुन सकते हैं, जैसे हमने एंकर लिंक के साथ किया था। वास्तव में, इस छवि का उपयोग एंकर लिंक के रूप में किया जा रहा है। मैंने #Links_Of_Interest एंकर का चयन किया जो हमें वापस शीर्ष पर ले जाएगा।
- ओके पर क्लिक करें। क्लिक करते समय छवि अब पेज के शीर्ष पर वापस लिंक करती है।