Pomoću veza možete stvoriti prikladnu i intuitivnu navigaciju na web mjestu. Ova tehnika omogućuje vam da boravak korisnika na stranicama resursa učinite što ugodnijim.
Upute
Korak 1
Bilo koja veza kreira se pomoću oznake koja mora biti zatvorena. Adresa stranice označena je navodnicima nakon atributa href. Rezultat bi trebao biti otprilike ovakav:
Web stranica
Idite u fotogaleriju
Da biste došli do stranice prisutne u internetskom prostoru, navedite njezinu adresu, na primjer, KakProsto.ru. Da biste se povezali s html datotekom na računalu, napišite put do nje. U idealnom slučaju, poželjno je prijeći na engleski jezik kako bi se uklonili dugi zapisi koji nastaju prilikom kopiranja teksta na ruskom jeziku i njegovog naknadnog prijevoda u traženi format. Na primjer, 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"
Korak 2
Poveznica se može postaviti u obliku slike. Da biste to učinili, priložite sliku između oznaka i:. Da biste otvorili punopravnu ilustraciju veće veličine kada zadržite pokazivač iznad male ikone, morate upotrijebiti hrpu.
Da biste organizirali zamjensku promjenu slika, od kojih će svaka biti predstavljena kao poveznica i voditi do različitih stranica, upotrijebite kod:
Web stranica
div # rotator {položaj: relativan; visina: 150px; margina-lijevo: 15 piksela;}
div # rotator ul li {float: lijevo; položaj: apsolutni; stil popisa: none;}
div # rotator ul li.show {z-index: 500;}
funkcija theRotator () {
$ ('div # rotator ul li'). css ({neprozirnost: 0,0});
$ ('div # rotator ul li: first'). css ({neprozirnost: 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 sljedeći = $ (sibs [rndNum]);
next.css ({neprozirnost: 0,0})
.addClass ('show')
.animate ({neprozirnost: 1,0}, 1000);
current.animate ({neprozirnost: 0,0}, 1000)
.removeClass ('show');
};
$ (dokument).ready (function () {
theRotator ();
});
3. korak
Da bi se stranica do koje vodi poveznica otvorila u zasebnom prozoru, morate dodati atribut: Idi.
4. korak
Ako je html dokument predug, tada možete staviti veze u njega. Na primjer, na samom početku možete napraviti sadržaj, a kada kliknete određeno zaglavlje, korisnik će se premjestiti na željeni dio stranice. Da biste to učinili, morate registrirati vezu s ikonom #: Idite na odjeljak i stvorite oznake na vezama: Odjeljak.
Izgledat će ovako:
Web stranica
Link do odjeljka
Odjeljak
