S pomočjo povezav lahko ustvarite priročno in intuitivno navigacijo po spletnem mestu. Ta tehnika vam omogoča, da je bivanje uporabnika na straneh z viri čim bolj udobno.
Navodila
Korak 1
Vsaka povezava je ustvarjena z uporabo oznake, ki jo je treba zapreti. Naslov strani je naveden v narekovajih za atributom href. Rezultat bi moral biti približno tak:
Spletna stran
Pojdite v fotogalerijo
Če se želite pomakniti na stran, ki je prisotna v internetnem prostoru, navedite njen naslov, na primer KakProsto.ru. Če se želite povezati z datoteko html v računalniku, napišite pot do nje. V idealnem primeru je priporočljivo preklopiti na angleščino, da se odstranijo dolgi zapisi, ki nastanejo pri kopiranju besedila v ruskem jeziku z naknadnim prevodom v zahtevano obliko. Na primer datoteka: /// 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"
2. korak
Povezavo lahko nastavite v obliki slike. Če želite to narediti, sliko zaprite med oznakama in:. Če želite odpreti polnopravno ilustracijo večje velikosti, ko premaknete miškin kazalec nad majhno ikono, morate uporabiti kup.
Za organizacijo nadomestne spremembe slik, od katerih bo vsaka predstavljena kot povezava in vodi do različnih strani, uporabite kodo:
Spletna stran
div # rotator {položaj: relativno; višina: 150px; rob-levo: 15 slikovnih pik;}
div # rotator ul li {float: levo; položaj: absolutno; slog seznama: noben;}
div # rotator ul li.show {z-index: 500;}
funkcija theRotator () {
$ ('div # rotator ul li'). css ({motnost: 0,0});
$ ('div # rotator ul li: first'). css ({motnost: 1,0});
setInterval ('rotate ()', 5000);
}
funkcija 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 naslednji = $ (sibs [rndNum]);
next.css ({motnost: 0,0})
.addClass ('show')
.animate ({motnost: 1,0}, 1000);
current.animate ({motnost: 0,0}, 1000)
.removeClass ('show');
};
$ (dokument).ready (funkcija () {
theRotator ();
});
3. korak
Da se bo stran, do katere vodi povezava, odprla v ločenem oknu, morate dodati atribut: Pojdi.
4. korak
Če je html dokument predolg, lahko vanj vstavite povezave. Na primer, na samem začetku lahko naredite kazalo in ko kliknete določen naslov, se uporabnik premakne na želeni del strani. Če želite to narediti, morate registrirati povezavo z ikono #: pojdite na razdelek in ustvarite zaznamke do povezav: razdelek.
Videti bo tako:
Spletna stran
Povezava do razdelka
Oddelek
