आप लिंक का उपयोग करके साइट पर एक सुविधाजनक और सहज ज्ञान युक्त नेविगेशन बना सकते हैं। यह तकनीक आपको संसाधन पृष्ठों पर उपयोगकर्ता के ठहरने को यथासंभव आरामदायक बनाने की अनुमति देती है।
अनुदेश
चरण 1
कोई भी लिंक एक टैग का उपयोग करके बनाया जाता है जिसे बंद किया जाना चाहिए। पृष्ठ का पता href विशेषता के बाद उद्धरणों में दर्शाया गया है। परिणाम कुछ इस तरह होना चाहिए:
वेबसाइट
फोटो गैलरी में जाएं
इंटरनेट स्पेस में मौजूद किसी पृष्ठ पर नेविगेट करने के लिए, उसका पता इंगित करें, उदाहरण के लिए, KakProsto.ru। अपने कंप्यूटर पर html फ़ाइल से कनेक्ट करने के लिए, उसका पथ लिखें। आदर्श रूप से, रूसी भाषा के पाठ को उसके बाद के अनुवाद के साथ आवश्यक प्रारूप में कॉपी करते समय उत्पन्न होने वाले लंबे रिकॉर्ड को समाप्त करने के लिए अंग्रेजी में स्विच करने की सलाह दी जाती है। उदाहरण के लिए, फ़ाइल: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% बीए% D0% B0 /% D1% 81% D0% B0% D0% B9% D1% 82% 29% 29% 29/11% 20% D1% 81% D1% 82% D1% 80% 20% D1% 80 % D0% B0% D0% B7% D0% BD% D0% BE% D0% B5 /% D0% BE% D0% B1% D0% BE% 20% D0% B2% D1% 81% D0% B5% D0% BC% 20% D0% B3% D0% BB% D0% B0% D0% B2% D0% BD% D0% B0% D1% 8F.html"
चरण दो
लिंक को चित्र के रूप में सेट किया जा सकता है। ऐसा करने के लिए, और: टैग के बीच छवि संलग्न करें। जब आप किसी छोटे आइकन पर होवर करते हैं तो बड़े आकार का एक पूर्ण चित्रण खोलने के लिए, आपको एक गुच्छा का उपयोग करने की आवश्यकता होती है।
चित्रों के वैकल्पिक परिवर्तन को व्यवस्थित करने के लिए, जिनमें से प्रत्येक को एक लिंक के रूप में प्रस्तुत किया जाएगा और विभिन्न पृष्ठों पर ले जाया जाएगा, कोड का उपयोग करें:
वेबसाइट
डिव # रोटेटर {स्थिति: रिश्तेदार; ऊंचाई: 150 पीएक्स; मार्जिन-बाएं: 15px;}
डिव # रोटेटर उल ली {फ्लोट: लेफ्ट; स्थिति: निरपेक्ष; सूची-शैली: कोई नहीं;}
div # रोटेटर उल ली.शो {z-index: 500;}
रोटेटर () {
$ ('div # रोटेटर उल ली')। सीएसएस ({अस्पष्टता: 0.0});
$ ('div # रोटेटर उल ली: फर्स्ट')। सीएसएस ({अस्पष्टता: 1.0});
सेटइंटरवल ('घुमाएँ ()', 5000);
}
फंक्शन रोटेट () {
वर करंट = ($ ('div # रोटेटर उल ली.शो')? $ ('div # रोटेटर उल ली.शो'): $ ('div # रोटेटर उल ली: फर्स्ट'));
var अगला = ((current.next ()। लंबाई)? ((current.next ()। hasClass ('शो'))? $ ('div # रोटेटर उल ली: पहला'): current.next ()): $ ('div # रोटेटर उल ली: फर्स्ट'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// वर अगला = $ (सिब्स [rndNum]);
next.css ({अस्पष्टता: 0.0})
.addClass ('शो')
चेतन ({अस्पष्टता: 1.0}, 1000);
वर्तमान चेतन ({अस्पष्टता: 0.0}, 1000)
.removeClass ('शो');
};
$ (दस्तावेज़).रेडी (फ़ंक्शन () {
रोटेटर ();
});
चरण 3
जिस पृष्ठ पर लिंक एक अलग विंडो में खुलता है, उसके लिए आपको विशेषता जोड़नी होगी: जाओ।
चरण 4
यदि html दस्तावेज़ बहुत लंबा है, तो आप उसके अंदर लिंक डाल सकते हैं। उदाहरण के लिए, शुरुआत में, आप सामग्री की एक तालिका बना सकते हैं, और जब आप किसी विशिष्ट शीर्षक पर क्लिक करते हैं, तो उपयोगकर्ता पृष्ठ के वांछित हिस्से में चला जाएगा। ऐसा करने के लिए, आपको # आइकन के साथ एक लिंक पंजीकृत करने की आवश्यकता है: अनुभाग पर जाएं और लिंक के लिए बुकमार्क बनाएं: अनुभाग।
यह इस तरह दिखेगा:
वेबसाइट
अनुभाग से लिंक करें
अनुभाग