Puteți crea o navigare convenabilă și intuitivă pe site folosind linkuri. Această tehnică vă permite să faceți șederea utilizatorului pe paginile resurselor cât mai confortabilă posibil.
Instrucțiuni
Pasul 1
Orice link este creat folosind o etichetă care trebuie închisă cu. Adresa paginii este indicată între ghilimele după atributul href. Rezultatul ar trebui să fie ceva de genul acesta:
Site-ul web
Accesați galeria foto
Pentru a naviga la o pagină prezentă în spațiul Internet, indicați adresa acesteia, de exemplu, KakProsto.ru. Pentru a vă conecta la fișierul html de pe computer, scrieți calea către acesta. În mod ideal, este recomandabil să treceți la engleză pentru a elimina înregistrările lungi care apar atunci când copiați un text în limba rusă cu traducerea ulterioară a acestuia în formatul necesar. De exemplu, fișier: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% BA% 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"
Pasul 2
Link-ul poate fi setat sub forma unei imagini. Pentru a face acest lucru, includeți imaginea între etichetele și:. Pentru a deschide o ilustrație completă de o dimensiune mai mare atunci când treceți peste o pictogramă mică, trebuie să utilizați o grămadă.
Pentru a organiza o schimbare alternativă a imaginilor, fiecare dintre acestea va fi prezentată ca un link și va duce la diferite pagini, utilizați codul:
Site-ul web
div # rotator {poziție: relativă; înălțime: 150px; margine-stânga: 15 px;}
div # rotator ul li {float: left; poziție: absolută; list-style: none;}
div # rotator ul li.show {z-index: 500;}
function theRotator () {
$ ('div # rotator ul li'). css ({opacitate: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('rotate ()', 5000);
}
functie rotate () {
var current = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). length)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # rotator ul li: first'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var next = $ (sibs [rndNum]);
next.css ({opacitate: 0,0})
.addClass („arată”)
.animate ({opacitate: 1.0}, 1000);
current.animate ({opacitate: 0,0}, 1000)
.removeClass („arată”);
};
$ (document). ready (function () {
theRotator ();
});
Pasul 3
Pentru ca pagina la care conduce linkul să se deschidă într-o fereastră separată, trebuie să adăugați atributul: Go.
Pasul 4
Dacă documentul html este prea lung, atunci puteți pune linkuri în interiorul acestuia. De exemplu, chiar la început, puteți crea un cuprins și, când faceți clic pe un anumit titlu, utilizatorul se va muta în partea dorită a paginii. Pentru a face acest lucru, trebuie să înregistrați un link cu pictograma #: Accesați secțiunea și creați marcaje către linkurile: Secțiune.
Va arăta astfel:
Site-ul web
Link către secțiune
Secțiune
