Pomoću veza možete stvoriti praktičnu i intuitivnu navigaciju na web mjestu. Ova tehnika vam omogućava da boravak korisnika na stranicama resursa učinite što ugodnijim.
Instrukcije
Korak 1
Bilo koja veza kreira se pomoću oznake koja mora biti zatvorena. Adresa stranice naznačena je u navodnicima nakon atributa href. Rezultat bi trebao biti otprilike ovaj:
Web stranica
Idite u galeriju fotografija
Da biste došli do stranice prisutne u Internet prostoru, navedite njenu adresu, na primjer, KakProsto.ru. Da biste se povezali s html datotekom na računaru, 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 prevođenja 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
Link 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 koristiti gomilu.
Da biste organizirali alternativnu promjenu slika, od kojih će svaka biti predstavljena kao poveznica i voditi do različitih stranica, koristite kod:
Web stranica
div # rotator {pozicija: relativna; visina: 150px; margina-lijevo: 15px;}
div # rotator ul li {float: lijevo; pozicija: apsolutna; stil liste: none;}
div # rotator ul li.show {z-indeks: 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: show'));
var next = ((current.next (). length)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # rotator ul li: prvi'));
// 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 (funkcija () {
theRotator ();
});
Korak 3
Da bi se stranica do koje vodi veza otvorila u posebnom prozoru, morate dodati atribut: Idi.
Korak 4
Ako je html dokument predug, tada možete staviti veze unutar njega. Na primjer, na samom početku možete napraviti sadržaj, a kada kliknete na određeni naslov, korisnik će se premjestiti na željeni dio stranice. Da biste to učinili, morate registrirati vezu s ikonom #: Idite na odjeljak i stvorite oznake za linkove: odjeljak.
Izgledat će ovako:
Web stranica
Link do odjeljka
Odjeljak
