Podeu crear una navegació còmoda i intuïtiva al lloc mitjançant enllaços. Aquesta tècnica permet que l'estada de l'usuari a les pàgines de recursos sigui el més còmoda possible.
Instruccions
Pas 1
Qualsevol enllaç es crea mitjançant una etiqueta amb la qual s’ha de tancar. L'adreça de la pàgina s'indica entre cometes després de l'atribut href. El resultat hauria de ser una cosa així:
Lloc web
Ves a la galeria de fotos
Per navegar a una pàgina present a l'espai d'Internet, indiqueu la seva adreça, per exemple, KakProsto.ru. Per connectar-vos al fitxer html de l’ordinador, escriviu-ne la ruta. Idealment, és recomanable canviar a l'anglès per tal d'eliminar els registres llargs que es produeixen en copiar un text en rus amb la seva posterior traducció al format requerit. Per exemple, fitxer: /// 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"
Pas 2
L'enllaç es pot establir en forma d'imatge. Per fer-ho, inclogueu la imatge entre les etiquetes i:. Per obrir una il·lustració completa de mida més gran quan passeu el cursor per sobre d'una icona petita, heu d'utilitzar un grup.
Per organitzar un canvi alternatiu d'imatges, cadascuna de les quals es presentarà com a enllaç i conduirà a diferents pàgines, utilitzeu el codi:
Lloc web
div # rotator {posició: relativa; alçada: 150 px; marge-esquerra: 15 px;}
div # rotator ul li {float: left; posició: absoluta; estil de llista: cap;}
div # rotator ul li.show {z-index: 500;}
funció theRotator () {
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('rotate ()', 5000);
}
funció 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 següent = $ (sibs [rndNum]);
next.css ({opacitat: 0,0})
.addClass ('mostra')
.animate ({opacitat: 1.0}, 1000);
current.animate ({opacitat: 0,0}, 1000)
.removeClass ('mostra');
};
$ (document). ready (function () {
theRotator ();
});
Pas 3
Per tal que la pàgina a la qual es dirigeix l'enllaç s'obri en una finestra independent, heu d'afegir l'atribut: Go.
Pas 4
Si el document html és massa llarg, podeu posar-hi enllaços. Per exemple, al principi, podeu fer una taula de continguts i, quan feu clic a un encapçalament específic, l’usuari es desplaçarà a la part desitjada de la pàgina. Per fer-ho, heu de registrar un enllaç amb la icona #: aneu a la secció i creeu adreces d'interès als enllaços: Secció.
Serà així:
Lloc web
Enllaç a la secció
Secció
