Puoi creare una navigazione comoda e intuitiva sul sito tramite i link. Questa tecnica ti consente di rendere il soggiorno dell'utente sulle pagine delle risorse il più confortevole possibile.
Istruzioni
Passo 1
Qualsiasi collegamento viene creato utilizzando un tag con cui deve essere chiuso. L'indirizzo della pagina è indicato tra virgolette dopo l'attributo href. Il risultato dovrebbe essere qualcosa del genere:
Sito web
Vai alla galleria fotografica
Per accedere a una pagina presente nello spazio Internet, indicarne l'indirizzo, ad esempio KakProsto.ru. Per connetterti al file html sul tuo computer, scrivi il percorso. Idealmente, è consigliabile passare all'inglese per eliminare i record lunghi che si verificano durante la copia di un testo in lingua russa con la sua successiva traduzione nel formato richiesto. Ad esempio, file: /// 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"
Passo 2
Il collegamento può essere impostato sotto forma di immagine. Per fare ciò, racchiudere l'immagine tra i tag e:. Per aprire un'illustrazione a tutti gli effetti di dimensioni maggiori quando passi con il mouse su una piccola icona, devi usare un mazzo.
Per organizzare un cambio alternativo di immagini, ognuna delle quali sarà presentata come un link e porterà a pagine diverse, usa il codice:
Sito web
div # rotatore {posizione: relativa; altezza: 150px; margine sinistro: 15px;}
div # rotator ul li {float: left; posizione: assoluta; stile elenco: nessuno;}
div # rotator ul li.show {z-index: 500;}
funzione theRotator() {
$ ('div # rotator ul li'). css ({opacità: 0.0});
$ ('div # rotator ul li: first') css ({opacità: 1.0});
setInterval ('ruota ()', 5000);
}
funzione ruotare () {
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 successivo = $ (sibs [rndNum]);
next.css ({opacità: 0.0})
.addClass ("mostra")
.animato ({opacità: 1.0}, 1000);
current.animate ({opacità: 0.0}, 1000)
.removeClass ('mostra');
};
$ (documento).ready (funzione () {
theRotator ();
});
Passaggio 3
Affinché la pagina a cui conduce il collegamento si apra in una finestra separata, è necessario aggiungere l'attributo: Vai.
Passaggio 4
Se il documento html è troppo lungo, puoi inserire dei link al suo interno. Ad esempio, all'inizio, puoi creare un sommario e quando fai clic su un'intestazione specifica, l'utente si sposterà nella parte desiderata della pagina. Per fare ciò, è necessario registrare un collegamento con l'icona #: Vai alla sezione e crea segnalibri ai collegamenti: Sezione.
Apparirà così:
Sito web
Link alla sezione
Sezione
