Pohodlnú a intuitívnu navigáciu na webe môžete vytvoriť pomocou odkazov. Táto technika umožňuje, aby bol pobyt používateľa na stránkach zdrojov čo najpríjemnejší.
Inštrukcie
Krok 1
Akýkoľvek odkaz je vytvorený pomocou značky, ktorá musí byť uzavretá pomocou. Adresa stránky je uvedená v úvodzovkách za atribútom href. Výsledkom by malo byť asi toto:
Webová stránka
Choďte do fotogalérie
Ak chcete prejsť na stránku nachádzajúcu sa v internetovom priestore, zadajte jej adresu, napríklad KakProsto.ru. Ak sa chcete pripojiť k html súboru vo vašom počítači, napíšte cestu k nemu. V ideálnom prípade je vhodné prejsť na angličtinu, aby ste eliminovali dlhé záznamy, ktoré vznikajú pri kopírovaní textu v ruskom jazyku s jeho následným prekladom do požadovaného formátu. Napríklad súbor: /// 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"
Krok 2
Odkaz je možné nastaviť vo forme obrázka. Za týmto účelom vložte obrázok medzi značky a:. Ak chcete otvoriť plnohodnotnú ilustráciu väčšej veľkosti, keď umiestnite kurzor myši na malú ikonu, musíte použiť veľa.
Na usporiadanie alternatívnej zmeny obrázkov, z ktorých každý bude predstavený ako odkaz a bude viesť na rôzne stránky, použite kód:
Webová stránka
div # rotator {poloha: relatívna; výška: 150px; okraj vľavo: 15 pixelov;}
div # rotator ul li {float: left; pozícia: absolútna; štýl zoznamu: žiadny;}
div # rotator ul li.show {z-index: 500;}
funkcia theRotator () {
$ ('div # rotator ul li'). css ({nepriehľadnosť: 0,0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('rotate ()', 5 000);
}
funkcia otocit () {
var current = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). dĺžka)? ((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 next = $ (sibs [rndNum]);
next.css ({nepriehľadnosť: 0,0})
.addClass ('zobraziť')
.animate ({nepriehľadnosť: 1,0}, 1000);
current.animate ({opacita: 0,0}, 1 000)
.removeClass ('show');
};
$ (document).ready (function () {
theRotator ();
});
Krok 3
Aby sa stránka, na ktorú odkaz vedie, otvorila v samostatnom okne, musíte pridať atribút: Prejsť.
Krok 4
Ak je html dokument príliš dlhý, môžete do neho vložiť odkazy. Napríklad hneď na začiatku môžete vytvoriť obsah a po kliknutí na konkrétny nadpis sa používateľ presunie na požadovanú časť stránky. Ak to chcete urobiť, musíte zaregistrovať odkaz pomocou ikony #: Prejdite do sekcie a vytvorte záložky k odkazom: Sekcia.
Bude to vyzerať takto:
Webová stránka
Odkaz na sekciu
Oddiel
