Galite sukurti patogią ir intuityvią navigaciją svetainėje naudodami nuorodas. Ši technika leidžia padaryti vartotojui kuo patogesnį buvimą išteklių puslapiuose.
Nurodymai
1 žingsnis
Bet kuri nuoroda sukuriama naudojant žymą, kurią reikia uždaryti. Puslapio adresas nurodomas kabutėse po atributu „href“. Rezultatas turėtų būti maždaug toks:
Interneto svetainė
Eikite į nuotraukų galeriją
Norėdami pereiti į interneto erdvėje esantį puslapį, nurodykite jo adresą, pavyzdžiui, KakProsto.ru. Norėdami prisijungti prie kompiuterio HTML failo, parašykite jo kelią. Idealiu atveju patartina pereiti prie anglų kalbos, kad būtų pašalinti ilgi įrašai, atsirandantys kopijuojant tekstą rusų kalba su vėlesniu jo vertimu į reikiamą formatą. Pvz., Failas: /// 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 žingsnis
Nuorodą galima nustatyti kaip paveikslėlį. Norėdami tai padaryti, pridėkite vaizdą tarp žymių ir:. Norėdami atidaryti pilnavertę didesnio dydžio iliustraciją, kai užveskite pelės žymeklį virš mažos piktogramos, turite naudoti krūvą.
Norėdami organizuoti alternatyvų paveikslėlių pakeitimą, kiekvienas iš jų bus pateiktas kaip nuoroda ir pateks į skirtingus puslapius, naudokite kodą:
Interneto svetainė
div # rotator {padėtis: santykinis; aukštis: 150 taškų; paraštė kairėje: 15 taškų;}
div # rotator ul li {plūdė: kairė; pozicija: absoliuti; sąrašo stilius: nėra;}
div # rotator ul li.show {z indeksas: 500;}
funkcija theRotator () {
$ ('div # rotator ul li'). css ({neskaidrumas: 0,0});
$ ('div # rotator ul li: first'). css ({neskaidrumas: 1.0});
setInterval ('pasukti ()', 5000);
}
funkcija pasukti () {
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: pirmas'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var kitas = $ (sibs [rndNum]);
next.css ({neskaidrumas: 0.0})
.addClass („šou“)
.gyvas ({neskaidrumas: 1,0}, 1000);
current.animate ({neskaidrumas: 0.0}, 1000)
.removeClass ('šou');
};
$ (dokumentas).ready (funkcija () {
theRotator ();
});
3 žingsnis
Norint, kad puslapis, į kurį nukreipia nuoroda, atsidarytų atskirame lange, turite pridėti atributą: Go.
4 žingsnis
Jei HTML dokumentas yra per ilgas, galite įdėti nuorodas į jį. Pavyzdžiui, pačioje pradžioje galite sudaryti turinį, o spustelėjus konkrečią antraštę, vartotojas pereis į norimą puslapio dalį. Norėdami tai padaryti, turite užregistruoti nuorodą naudodami piktogramą #: Eikite į skyrių ir sukurkite nuorodas: Skyrius.
Tai atrodys taip:
Interneto svetainė
Nuoroda į skyrių
Skyrius
