Du kan oprette en praktisk og intuitiv navigation på webstedet ved hjælp af links. Denne teknik giver dig mulighed for at gøre brugerens ophold på ressource siderne så behageligt som muligt.
Instruktioner
Trin 1
Ethvert link oprettes ved hjælp af et tag, der skal lukkes med. Sideadressen er angivet i anførselstegn efter attributten href. Resultatet skulle være sådan:
Internet side
Gå til fotogalleri
For at navigere til en side, der findes i internetområdet, skal du angive dens adresse, for eksempel KakProsto.ru. For at oprette forbindelse til html-filen på din computer, skal du skrive stien til den. Ideelt set anbefales det at skifte til engelsk for at eliminere lange poster, der opstår, når der kopieres en russisk-sproget tekst med den efterfølgende oversættelse til det krævede format. For eksempel fil: /// 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"
Trin 2
Linket kan indstilles i form af et billede. For at gøre dette skal du vedlægge billedet mellem tags og:. For at åbne en fuldgyldig illustration af en større størrelse, når du holder markøren over et lille ikon, skal du bruge en flok.
For at organisere en alternativ ændring af billeder, som hver vil blive præsenteret som et link og føre til forskellige sider, skal du bruge koden:
Internet side
div # rotator {position: relative; højde: 150px; margen til venstre: 15px;}
div # rotator ul li {float: left; position: absolut; liste-stil: ingen;}
div # rotator ul li.show {z-index: 500;}
funktion theRotator () {
$ ('div # rotator ul li'). css ({opacitet: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('roter ()', 5000);
}
funktion roter () {
var nuværende = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). længde)? ((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 næste = $ (sibs [rndNum]);
next.css ({opacitet: 0.0})
.addClass ('show')
.animate ({opacitet: 1.0}, 1000);
current.animate ({opacitet: 0.0}, 1000)
.removeClass ('show');
};
$ (dokument). klar (funktion () {
rotatoren ();
});
Trin 3
For at den side, som linket fører til, skal åbnes i et separat vindue, skal du tilføje attributten: Gå.
Trin 4
Hvis html-dokumentet er for langt, kan du sætte links inde i det. For eksempel kan du i begyndelsen lave en indholdsfortegnelse, og når du klikker på en bestemt overskrift, flytter brugeren til den ønskede del af siden. For at gøre dette skal du registrere et link med et #-ikon: Gå til sektionen og opret bogmærker til linkene: sektion.
Det vil se sådan ud:
Internet side
Link til sektion
Afsnit