InternetWeb Hosting

"Up" -painiketta sivuston: miten tehdä

Sellaista toimintoa, painikkeen "ylös" sivuston, jolloin Internet helpompaa resurssi kävijöille. Se auttaa helposti siirtyä mistä tahansa sivun yläosassa. Tämä on on verkkokaupoista ja sivustoja suuria kohteita, jotka vaativat pitkää selaa alaspäin.

Miksi on tarpeen

Tällä hetkellä suurin osa sivustoista tämän toiminnon painiketta "ylös" ei ole, eikä ole mitään kriittistä. Mutta sen käyttö voi tuoda monia etuja sekä Internetin resurssi ja sen kävijää.

Hyötyjä vierailijoille

Usein kun sivu Internetin resurssi on raskaasti kuormitettu tietomäärä, kun tieto artikkeli vie paljon tilaa ja on vierittää sivua alaspäin hiiren rullaa. Plus tähän, lopussa artikkelin voi esittää paljon kommentteja siitä.

Kun kävijä lukee artikkelin henkilökohtaisen tylsiä vieritys alaspäin sivun ei ole läsnä, mutta kun teksti loppui ja on tarpeen siirtää ylös, se alkaa väsyttää hieman. Useimmat ihmiset aivan liian laiska johtaa pitkä selaa, ja he vain sulkea sivusto, eikä muun kuljeskella sen avointa tilaa.

Käyttämällä nappia heti siirtyä sivun yläreunaan tekee harrastus päällä helpompaa.

Edut Internet resursseja

Myönteisiä puolia resurssin itse perustuu historiallisiin tekijöihin, koska se on helpompi liikkua sivuston parantaa käyttäytymistekijät, koska kaikki kävijät aktiivisemmin teoistaan ja siirtyä muille sivuille.

Jolloin tiedot käyttäytymistekijät vaikuttaa asenne kaikkien hakukoneiden sivuston ja johtaa parempaan tilaan hakutuloksissa.

Miten saada "Up" -painiketta verkkosivuilla yksin

Tutkitaan edelleen. Painikkeen avulla jopa sivuston tahansa CMS voit aina tehdä oman seuraamalla muutamia hyvin yksinkertaisia ohjeita:

  • luominen kuvan;
  • luominen käsikirjoituksen;
  • Luominen painiketyyli;
  • lisäämällä sivustoon.

painikekuvallasi

Lisätä "ylös" päällä, aluksi tarve tehdä itse kuvake, kun napsautetaan, käyttäjä liikkuu ylös sivun. Voit käyttää valmiita vaihtoehtoja, joista voimme aina valita sopivin.

Parantaa ulkonäköä painikkeen, sinun täytyy tehdä joitakin parannuksia, nimittäin tehdä sprite, mahdollistaa CSS-pohjainen yhdistyvät taustakuvia, millä on luotu lyhyt animaatio.

Saat grafiikkaa, voit käyttää mitä tahansa editorilla. Mutta kätevin vaihtoehto on verkkopalvelu Pixlr, koska mikään ei ladata ja ei tarvitse, voit käyttää niitä suoraan selaimessa.

Aloittaa työt ikkunaeditorissa valita "Siirrä kuva tietokoneelta." Esimerkiksi ota raketti kuvan.

Jos koko valitun kuvakkeet ovat liian suuria, sinun tulee tehdä pieni oikaisu koon. Voit tehdä tämän, "Muokkaa", mene ylävalikosta ja valitse kentän, ja sen jälkeen «Free muunnos ...»

Seuraavaksi kuvan vieressä on olemassa erityisiä markkereita, jotka liikkuvat, voit muuttaa kuvan kokoa. Jos haluat säilyttää kuvasuhde, voit käyttää Shift-näppäintä ja katsoi, että sinun täytyy siirtää merkeillä. Lopussa näiden toimien saadaan ohjuksia kuvan.

Seuraava askel - luominen kopion kerroksen.

Nyt sinun täytyy siirtää kuvaa uudelta ohjuksia kerros hieman. Voit tehdä tämän, se on kätevä käyttää siirtotyökalua, joka sijaitsee toisessa sarakkeessa vasemman valikon, ja nuoli "ylös" -näppäintä.

Nyt sinun täytyy tehdä alkuun kuvan mustavalkoisena. Tämä voidaan tehdä käyttämällä erässä "Correction" - "Sävy / kylläisyys" ylävalikosta. Täydellinen värimuutoksia liukusäädintä "kylläisyys" olisi toteutettava arvon -100. Tämä toiminta tekee vaikutuksen, että "Up" -painiketta muuttuu mustavalkoisesta värilliseksi, kun viet sen yli.

Viimeisen silauksen - poistaminen liikaa tilaa noin kaksi kuvaa. Voit tehdä tämän valitsemalla kohteen "Trim" vasemmalta valikosta ja valitsemalla vain kaksi ohjusta suorakaiteen. Tehdä trimmausta painaa Enter-näppäintä.

Kuvan saamiseksi, jossa on liikaa tilaa. Sinun täytyy tallentaa leveys ja korkeus olevia kuvia, koska nämä tiedot ovat hyödyllisiä seuraavassa vaiheessa.

Pelastaa tarvetta klikkaa "File" - "Save", jossa jätetään "Oma tietokone" kirjoittaa kuvan nimi (ainoastaan Englanti näppäimistöä), valitse formaatti (tässä tapauksessa - PNG) ja klikkaa "Kyllä".

Tiedosto käsikirjoituksen "Up" -painiketta

Kirjoita skripti, tässä tapauksessa se ei ole välttämätöntä. On mahdollista käyttää julkista vaihtoehtoa, tuo joitakin muutoksia valmiina koodia.

Tämä edellyttää ladata mitään koodieditori. Suosituin ja myös ilmainen versio - on Notepad ++. Asennuksen jälkeen sinun täytyy kopioida ja liittää kaikki tämä koodi: