"Upp" -knappen för webbplatsen: hur man gör

En sådan funktion, knappen "upp" för webbplatsen, vilket gör Internet mer praktiskt resurs för sina besökare. Det bidrar till att enkelt navigera från var som helst på sidan i den övre delen. Detta är ett måste för onlinebutiker och platser med stora objekt som kräver en lång rulla ner.

Varför är det nödvändigt

Just nu är de flesta av platserna för denna funktion är knappen "up" inte, och det finns inget kritiskt. Men dess användning kan medföra många fördelar för både Internet resurs och till sina besökare.

Fördelar för besökare

Ofta när sidan av Internet resurs tungt lastad mängd information, när informationen artikeln tar en hel del utrymme och måste bläddra ner på sidan med hjälp av mushjulet. Plus detta i slutet av artikeln kan presentera en hel del kommentarer till det.

När en besökare läser en artikel i en personlig tråkiga rulla ner en sida är inte närvarande, men när texten kom till ett slut och det är nödvändigt att flytta upp, börjar den trötta lite. De flesta människor kommer bara för lat för att leda en lång rulla, och de bara stänga webbplatsen, snarare än en annan promenad genom sina öppna ytor.

Med hjälp av en knapp för att omedelbart flytta till början av sidan gör tidsfördriv på platsen bekvämare.

Fördelarna med en Internet-resurs

Positiva aspekter av resurs själv baseras på historiska faktorer, eftersom det är lättare att navigera på webbplatsen förbättrar beteendemässiga faktorer, som alla besökare kommer att vara mer aktiva i sina handlingar och flytta till andra sidor.

Därmed uppgifter beteendemässiga faktorer påverkar attityden hos alla sökmotorer till platsen och leder till förbättrad utrymme i sökresultaten.

Hur man gör "Upp" -knappen på hemsidan ensam

Utreds vidare. För att bläddra fram till platsen för att någon av CMS kan du alltid göra din egen genom att följa några enkla steg:

• skapandet av en bild;
• skapandet av skriptet;
• Skapa en knapp stil;
• lägga till platsen.

knappbild

För att lägga till "upp" på webbplatsen, till att börja med behovet av att göra sig en ikon, när du klickar, kommer användaren flytta upp på sidan. Du kan använda färdiga alternativ, bland vilka vi kan alltid välja den mest lämpliga.

För att förbättra utseendet på knappen du behöver göra vissa förbättringar, nämligen att göra en sprite tillåter CSS-baserade kombinera bakgrundsbilder, vilket har skapat en kort animation.

För grafiska verk, kan du använda någon editor. Men det mest bekväma alternativet är onlinetjänsten Pixlr, eftersom det inte finns något att hämta och inget behov av att, kan du använda dem direkt i webbläsaren.

För att börja arbeta i fönstret editor för att välja "Ladda upp en bild från datorn." Som ett exempel, ta raketen bilden.

Om storleken av de valda ikonerna är för stora, måste du göra en liten justering till rätt storlek. För att göra detta, "Redigera", gå till huvudmenyn och välj plan och efter «Gratis omvandla ...»

Därefter bredvid bilden finns särskilda markörer som rör sig, kan du ändra storlek på bilden. För att bevara bildförhållandet, kan du använda Skift-tangenten, hålla det, måste du flytta de blå markörer. Vid slutet av dessa åtgärder erhålls missiler image.

Nästa steg - att skapa en kopia av lagret.

Nu måste du flytta bilden från de nya missiler lager upp lite. För att göra detta, kommer det att vara lämpligt att använda flyttverktyget, som ligger i den andra kolumnen i menyn till vänster, och pil "upp" på tangentbordet.

Nu måste du göra den översta bilden i svart och vitt. Detta kan göras med hjälp av posten "Correction" - "Nyans / Mättnad" från huvudmenyn. För en komplett missfärgning reglaget "Saturation" bör värdet -100. Denna åtgärd kommer att göra effekt som "Upp" -knappen blir från svartvitt till färg när du för muspekaren över den.

Den sista touch - avlägsnandet av överskottet utrymme runt de två bilderna. För att göra detta, välj alternativet "Trim" från den vänstra menyn och välj bara två missiler i en rektangel. För att göra en trimnings pressar på Enter.

För att få en bild där det finns för mycket utrymme. Du måste registrera bredden och höjden på de resulterande bilderna, eftersom dessa data kommer att vara användbar i nästa steg.

För att spara behovet av att klicka på "File" - "Save", där den vänstra under "Den här datorn" skriva namnet på bilden (endast den engelska tangentbordslayout), välja format (i detta fall - PNG) och klicka på "Ja".

Fil med manuset "Upp" -knappen

Skriv ett manus, i det här fallet är det inte nödvändigt. Det kommer att vara möjligt att använda ett offentligt alternativ, vilket i vissa ändringar redo kod.

Detta kommer att kräva att ladda ner någon kod redaktör. De mest populära och också en gratis version - är Notepad ++. Efter installationen måste du kopiera och klistra in det hela denna kod: