Pohodlnou a intuitivní navigaci na webu můžete vytvořit pomocí odkazů. Tato technika umožňuje, aby byl pobyt uživatele na stránkách zdrojů co nejpohodlnější.
Instrukce
Krok 1
Jakýkoli odkaz je vytvořen pomocí značky, kterou je třeba uzavřít. Adresa stránky je uvedena v uvozovkách za atributem href. Výsledkem by mělo být něco takového:
webová stránka
Přejít do fotogalerie
Chcete-li přejít na stránku přítomnou v internetovém prostoru, uveďte její adresu, například KakProsto.ru. Chcete-li se připojit k html souboru v počítači, napište k němu cestu. V ideálním případě je vhodné přejít na angličtinu, abyste eliminovali dlouhé záznamy, které vznikají při kopírování ruského textu s jeho následným překladem do požadovaného formátu. Například soubor: /// 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 lze nastavit ve formě obrázku. Chcete-li to provést, uzavřete obrázek mezi značkami a:. Chcete-li otevřít plnohodnotný obrázek větší velikosti, když umístíte ukazatel myši na malou ikonu, musíte použít hromadu.
Chcete-li uspořádat alternativní změnu obrázků, z nichž každý bude prezentován jako odkaz a povede na jiné stránky, použijte kód:
webová stránka
div # rotátor {poloha: relativní; výška: 150px; levý okraj: 15px;}
div # rotátor ul li {float: vlevo; pozice: absolutní; styl seznamu: žádný;}
div # rotátor ul li.show {z-index: 500;}
funkce theRotator () {
$ ('div # rotator ul li'). css ({opacity: 0,0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('rotate ()', 5000);
}
funkce otočit () {
var current = ($ ('div # rotátor ul li.show')? $ ('div # rotátor ul li.show'): $ ('div # rotátor ul li: první'));
var next = ((current.next (). length)? ((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 ({opacity: 0,0})
.addClass ('zobrazit')
.animate ({opacity: 1.0}, 1000);
current.animate ({opacita: 0,0}, 1000)
.removeClass ('show');
};
$ (document).ready (function () {
theRotator ();
});
Krok 3
Aby se stránka, na kterou odkaz vede, otevřela v samostatném okně, musíte přidat atribut: Přejít.
Krok 4
Pokud je html dokument příliš dlouhý, můžete do něj vložit odkazy. Například hned na začátku můžete vytvořit obsah a když kliknete na konkrétní záhlaví, uživatel se přesune na požadovanou část stránky. Chcete-li to provést, musíte zaregistrovat odkaz pomocí ikony #: Přejděte do sekce a vytvořte záložky do odkazů: Sekce.
Bude to vypadat takto:
webová stránka
Odkaz na sekci
Sekce
