Botón "Up" para o sitio web: como facer

tal función, o botón "up" para o sitio, facendo o recurso máis cómodo Internet para os seus visitantes. Ela axuda a navegar facilmente desde calquera lugar da páxina na parte superior. Esta é unha obriga para tendas e sitios con grandes elementos que requiren un longo desprazamento para abaixo en liña.

Por que é necesario

Polo momento, a maioría dos sitios de esta función, o botón "up" non é, e non hai nada crítico. Pero o seu uso pode traer moitas vantaxes tanto para o recurso Internet e aos seus visitantes.

Beneficios para os visitantes

Moitas veces, cando a páxina do recurso Internet está fortemente cargado cantidade de información, cando o artigo ten unha morea de espazo e ten que rodar a páxina usando a roda do rato. O máis a este, ao final do artigo pode presentar unha serie de comentarios a el.

Cando un visitante está lendo un artigo nunha desprazamento tedioso persoal abaixo unha páxina non está presente, pero cando o texto chegou ao fin e é necesario para ir cara arriba, comeza a cansar un pouco. A maioría da xente vai só con preguiza de levar moito pergamiño, e eles simplemente pechar a web, en vez de outro paseo a través dos seus espazos abertos.

Usando un botón para moverse inmediatamente para arriba da páxina fai que o pasatempo na web máis cómodo.

Beneficios dun recurso de Internet

aspectos positivos do recurso propio en base a factores históricos, porque é máis fácil de navegar polo sitio web mellora os factores comportamentais, como todos os visitantes será máis activa nas súas accións e pasar a outras páxinas.

Así, datos os factores comportamentais afectan a actitude de todos os motores de busca para o sitio web e levar a mellora espazo nos resultados de busca.

Como facer a páxina "Up" na páxina web só

Son investigadas. Botón para desprazarse ata o lugar a calquera dos CMS sempre pode facer o seu propio, seguindo uns pasos moi sinxelo:

• creación dunha imaxe;
• a creación do guión;
• Creando un estilo de botón;
• engadila ao sitio.

imaxe do botón

Para engadir o "up" na web, para unha necesidade comezar a facer-se unha icona, cando premendo, o usuario pode subir de páxina. Podes usar opcións de ready-made, entre os que podemos sempre escoller o máis adecuado.

Para mellorar o aspecto do botón, ten que facer algunhas melloras, especialmente para facer un Sprite, permite CSS baseado combinar imaxes de fondo, así, crear unha pequena animación.

Para traballos gráficos, pode utilizar calquera editor. Pero a opción máis conveniente é o servizo en liña Pixlr, xa que non hai nada para descargar e non hai necesidade de, pode usalos directamente no seu navegador.

Para comezar a traballar no editor de diálogo para seleccionar o "Cargar unha imaxe do seu ordenador." Como exemplo, levar a imaxe do foguete.

Se o tamaño dos iconos seleccionados son moi grandes, vai ter facer un pequeno axuste ao tamaño. Para iso, "Editar", vaia ao menú superior, e seleccione o campo e, tras «Libre transformar ...»

Logo á beira da imaxe, hai etiquetas especiais que están movendo, pode cambiar o tamaño da imaxe. Para preservar a proporción, pode utilizar a tecla Shift, sostendo que, ten que mover os marcadores azuis. Ao final destas accións é obtido imaxe mísiles.

O seguinte paso - a creación dunha copia da capa.

Agora ten que mover a imaxe dos novos mísiles capa algo. Para iso, será conveniente utilizar a ferramenta mover, que está situado na segunda columna do menú da esquerda, e frecha "arriba" no teclado.

Agora precisa para facer a imaxe superior en branco e negro. Isto pode ser feito empregando o elemento "corrección" - "Hue / saturation" no menú superior. Para un control deslizante decoloración completa "Saturación" debe tomar o valor -100. Esta acción pode facer o efecto que a páxina "Up" vai virar de branco e negro para cores cando pasa o rato sobre el.

O toque final - a eliminación de exceso de espazo en torno ás dúas imaxes. Para iso, seleccione o elemento "trim" no menú da esquerda e selecciona só dous mísiles nun rectángulo. Para facer unha prensa de corte a tecla Intro.

Para obter unha imaxe na que non hai moito espazo. Debe rexistrarse o ancho e alto das imaxes resultantes, como estes datos serán útiles no seguinte paso.

Para salvar a necesidade de facer clic en "File" - "Save", onde o deixou en "Meu Computador" escribir o nome da imaxe (só o esquema de teclado inglés), seleccione o formato (neste caso - PNG) e prema en "Si".

Arquivo co guión botón "Up"

Escribir un guión, neste caso, non é necesario. Será posible utilizar unha opción pública, traendo algúns cambios de código listo.

Isto vai esixir a descarga de calquera editor de código. O máis popular e tamén unha versión gratuita - é o Notepad ++. Despois da instalación precisa copiar e pegalo todo este código: