Ju mund të krijoni një navigim të përshtatshëm dhe intuitiv në sit duke përdorur lidhje. Kjo teknikë ju lejon të bëni qëndrimin e përdoruesit në faqet e burimeve sa më komode që të jetë e mundur.
Udhëzimet
Hapi 1
Çdo lidhje krijohet duke përdorur një etiketë që duhet të mbyllet me të. Adresa e faqes tregohet në thonjëza pas atributit href. Rezultati duhet të jetë diçka e tillë:
Uebfaqe
Shko në galerinë e fotove
Për të lundruar në një faqe të pranishme në hapësirën e Internetit, tregoni adresën e saj, për shembull, KakProsto.ru. Për t'u lidhur me skedarin html në kompjuterin tuaj, shkruani shtegun për të. Në mënyrë ideale, këshillohet të kaloni në anglisht në mënyrë që të eliminoni shënimet e gjata që lindin kur kopjoni një tekst në gjuhën ruse me përkthimin e tij pasues në formatin e kërkuar. Për shembull, skedari: /// 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"
Hapi 2
Lidhja mund të vendoset në formën e një fotoje. Për ta bërë këtë, mbyllni imazhin midis etiketave dhe:. Për të hapur një ilustrim të plotë me një madhësi më të madhe kur kaloni mbi një ikonë të vogël, duhet të përdorni një bandë.
Për të organizuar një ndryshim alternativ të fotove, secila prej të cilave do të paraqitet si një lidhje dhe do të çojë në faqe të ndryshme, përdorni kodin:
Uebfaqe
div # rotator {pozicioni: relativ; lartësia: 150px; diferencë-majtas: 15px;}
div # rrotullues ul li {noton: majtas; pozicioni: absolut; stili i listës: asnjë;}
div # rrotullues ul li.show {z-index: 500;}
funksioni theRotator () {
$ ('div # rotator ul li'). css ({perde: 0,0});
$ ('div # rotator ul li: i parë'). css ({perde: 1.0});
setInterval ('rrotullo ()', 5000);
}
funksioni rotate () {
var aktuale = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: i pari'));
var tjetër = ((aktual.next (). gjatësi)? ((aktual.next (). hasClass ('shfaqje'))? $ ('div # rrotullues ul li: i pari'): aktual. tjetër ()): $ ('div # rrotullues ul li: së pari'));
// var sibs = aktuale.sillings ();
// var rndNum = Matematika e dyshemesë (Matematika.random () * sibs.gjatësia);
// var tjetër = $ (sibs [rndNum]);
next.css ({errësira: 0,0})
.addClass ('shfaqje')
.animate ({errësira: 1.0}, 1000);
aktual. i gjallë ({errësira: 0,0}, 1000)
.mbaniClass ('shfaqje');
};
$ (dokumenti). gati (funksioni () {
theRotator ();
});
Hapi 3
Në mënyrë që faqja në të cilën lidhja të hapet të hapet në një dritare të veçantë, duhet të shtoni atributin: Shko.
Hapi 4
Nëse dokumenti html është shumë i gjatë, atëherë mund të vendosni lidhje brenda tij. Për shembull, në fillim, ju mund të bëni një tabelë të përmbajtjes, dhe kur të klikoni në një titull specifik, përdoruesi do të zhvendoset në pjesën e dëshiruar të faqes. Për ta bërë këtë, duhet të regjistroni një lidhje me një ikonë #: Shkoni te seksioni dhe krijoni faqeshënues në lidhjet: Seksioni.
Do të duket kështu:
Uebfaqe
Lidhje me seksionin
Seksioni
