Saidil saate linkide abil luua mugava ja intuitiivse navigeerimise. See tehnika võimaldab teil muuta kasutaja viibimise ressursside lehtedel võimalikult mugavaks.
Juhised
Samm 1
Iga link luuakse sildi abil, mis tuleb sulgeda. Lehe aadress on atribuudi href järel märgitud jutumärkides. Tulemus peaks olema umbes selline:
Veebisait
Minge fotogaleriisse
Internetiruumis olevale lehele navigeerimiseks märkige selle aadress, näiteks KakProsto.ru. Arvutis HTML-failiga ühenduse loomiseks kirjutage selle tee. Ideaalis on soovitatav minna üle inglise keelele, et välistada pikad kirjed, mis tekivad venekeelse teksti ja selle järgneva tõlkega vajalikus vormingus kopeerimisel. Näiteks fail: /// 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. samm
Lingi saab määrata pildi kujul. Selleks lisage pilt siltide ja: vahele. Suurema täisväärtusliku illustratsiooni avamiseks, kui hõljutate kursorit väikese ikooni kohal, peate kasutama hunnikut.
Piltide vahelduva muutmise korraldamiseks, millest igaüks esitatakse lingina ja mis viib erinevatele lehtedele, kasutage koodi:
Veebisait
div # rotator {asend: suhteline; kõrgus: 150px; veeris vasakul: 15 pikslit;}
div # rotator ul li {ujuk: vasak; positsioon: absoluutne; list-style: puudub;}
div # rotator ul li.show {z-indeks: 500;}
funktsiooni theRotator () {
$ ('div # rotator ul li'). css ({läbipaistmatus: 0.0});
$ ('div # rotator ul li: first'). css ({läbipaistmatus: 1.0});
setInterval ('pöörata ()', 5000);
}
funktsioon 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 ('näita'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # rotator ul li: esimene'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var järgmine = $ (sibs [rndNum]);
next.css ({läbipaistmatus: 0.0})
.addClass ('show')
.animaalne ({läbipaistmatus: 1,0}, 1000);
current.animate ({läbipaistmatus: 0.0}, 1000)
.removeClass ('show');
};
$ (dokument).ready (funktsioon () {
theRotator ();
});
3. samm
Selleks, et leht, kuhu link viib, avaneks eraldi aknas, peate lisama atribuudi: Go.
4. samm
Kui HTML-dokument on liiga pikk, saate selle sisse panna lingid. Näiteks saate kohe alguses teha sisukorra ja kui klõpsate konkreetsel pealkirjal, liigub kasutaja lehe soovitud ossa. Selleks peate registreerima lingi ikooniga #: minge jaotisse ja looge järjehoidjad linkidele: jaotis.
See näeb välja selline:
Veebisait
Link jaotisele
Jagu
