Tlačidlo "Up" pre web: ako

Taká funkcia, tlačidlo "hore" pre danú lokalitu, takže Internet pohodlnejšie zdroj pre svojich návštevníkov. Pomáha ľahko navigovať z ľubovoľného miesta na stránke v hornej časti. To je nutnosťou pre on-line obchodov a miest s veľkými predmetmi, ktoré vyžadujú dlhú posun nadol.

Prečo je nutné

V súčasnej dobe je väčšina internetových stránok tejto funkcie tlačidla "up" nie je, a nič nie je kritická. Ale jeho použitie môže priniesť rad výhod ako pre internetové zdroje a svojim návštevníkom.

Výhody pre návštevníkov

Často, keď je stránka internetového zdroja je zaťažené množstvo informácií, kedy sa informácia článok berie veľa priestoru a musia posunúť stránku nadol pomocou kolieska myši. Plus k tomu, na konci článku, môže spôsobiť veľa pripomienok k nemu.

Ak je návštevník prečítaní článku v osobnom zdĺhavého rolovanie dole stránku nie je k dispozícii, ale keď sa text prišla do konca a je nutné pre pohyb nahor, začína unavovať trochu. Väčšina ľudí bude jednoducho príliš lenivý, aby viedol dlhý zvitok, a oni len v blízkosti miesta, skôr než ďalšie prechádzke jeho otvorených priestorov.

Pomocou tlačidla okamžite presunúť do hornej časti stránky robí zábava na webe oveľa pohodlnejšie.

Výhody internetové zdroje

Pozitívne aspekty prostriedku sám na základe historických faktorov, pretože to prehľadnejšie miesto zlepšuje behaviorálne faktory, ako všetci návštevníci budú aktívnejší pri svojej činnosti a presunúť na iné stránky.

Tým dátové behaviorálne faktory ovplyvňujú postoj všetkých vyhľadávačov na stránky a viesť k zlepšeniu priestor vo výsledkoch vyhľadávania.

Ako sa robí na tlačidlo "Up" na webových stránkach sám

Sú ďalej skúmané. Tlačidlo pre posun k miestu na niektorý z CMS vždy môžete vytvoriť svoj vlastný dodržiavaním niekoľkých veľmi jednoduchých krokov:

• Vytvorenie obrazu;
• vytvorenie scenára;
• Vytvorenie štýl tlačidlá;
• pridanie na web.

tlačidlo image

Ak chcete pridať "hore" na mieste, pre začiatok potreba, aby samotná ikona, pokiaľ naň kliknete, užívateľ bude pohybovať hore na stránku. Môžete použiť ready-made možnosti, medzi ktorými sa môžeme vždy zvoliť najvhodnejší.

Ak chcete zlepšiť vzhľad tlačidla, je potrebné vykonať určité zlepšenia, a to, aby sa sprite, umožňuje CSS založené kombinovať obrázky na pozadí, takže mať vytvoril krátku animáciu.

Pre grafické práce, môžete použiť ľubovoľný editor. Ale najpohodlnejšie možnosťou je on-line služba Pixlr, pretože tam nie je nič na stiahnutie a nie je potreba, môžete ich použiť priamo v prehliadači.

Ak chcete začať pracovať v okne editora zvoľte možnosť "Nahrať obrázok z vášho počítača." Ako príklad možno uviesť, mať raketový obraz.

Ak je veľkosť vybrané ikony sú príliš veľké, budete musieť urobiť malú úpravu veľkosti. Ako to urobiť, "Edit", prejdite do hlavnej ponuky a vyberte pole, a potom, čo «Voľný premeniť ...»

Ďalej vedľa obrázku sú k dispozícii špeciálne znaky, ktoré sú pohyblivé, môžete zmeniť veľkosť obrazu. Ak chcete zachovať pomer strán, môžete použiť kláves Shift, myslieť si, že je potrebné posunúť modrých značiek. Na konci týchto akcií je získať rakety obraz.

V ďalšom kroku - vytvorenie kópie vrstvy.

Teraz je potrebné posunúť obraz z nových rakiet vrstva sa trochu. Ak to chcete, bude vhodné použiť nástroj pre presun, ktorý je umiestnený v druhom stĺpci v ľavom menu a šípku "hore" na klávesnici.

Teraz je potrebné, aby sa horná obrázok v čiernej a bielej farbe. To možno vykonať pomocou položky "Correction" - "Hue / Saturation" z horného menu. Pre úplné odfarbenie jazdcom "sýtosť" by mal mať hodnotu -100. Táto akcia bude ten účinok, že tlačidlo "Up" sa zmení z čiernej a bielej farby, keď podržíte nad ním.

Posledný krok - odstránenie prebytočného priestoru okolo dvoch obrazov. Ak to chcete urobiť, vyberte položku "Výrez" z ľavého menu a vybrať iba dve strely do obdĺžnika. Ak chcete vykonať orezanie stlačí kláves Enter.

Ak chcete získať snímku, na ktorom je príliš veľa priestoru. Musíte zaznamenať šírku a výšku výsledných snímok, pretože tieto údaje budú užitočné v ďalšom kroku.

Pre uloženie kliknúť na "Súbor" - "Save", kde je vľavo pod "My Computer" zapísať meno obrazu (len anglické rozloženie klávesnice), zvoliť formát (v tomto prípade - PNG) a kliknite na tlačidlo "Yes".

Súbor so skriptom "hore" tlačidlo

Napísať skript, v tomto prípade to nie je nutné. Bude možné použiť verejnú voľbu, prinášajú niektoré zmeny pripravení kódu.

To bude vyžadovať, aby stiahnuť ľubovoľný kód editor. Najpopulárnejší a tiež bezplatná verzia - je Notepad ++. Po inštalácii je nutné skopírovať a vložiť celý tento kód: