Esquema Adaptive a sitios

Os dispositivos móbiles cada vez máis populares, máis a incomodidade sentido ao percorrer a maioría dos sitios. Isto é webmasters porque, desde 2012, converteuse en usar a solución que fai a vista de recursos con pequenas pantallas de resolución máis cómodos - esquema adaptativo.

A tendencia actual

Hoxe, preto de cinco millóns de persoas no mundo usan teléfonos móbiles, cun terzo deles teñen smartphones. Polo tanto, o tráfico de datos móbiles é cada vez máis importante para os propietarios de sitios web. Probablemente, esta fonte de visitantes ao longo do tempo só vai aumentar.

Os buscadores rapidamente reaccionou a esta tendencia. As grandes corporacións "Yandex" e Google fixo cambios significativos para os seus algoritmos para sitios valoración nos resultados de busca, tendo en conta a dispoñibilidade de disposición adaptable e deseño. Simplificando, recursos baseados na web que son optimizados para teléfonos, teléfonos intelixentes e tabletas, terá unha vantaxe sobre os seus competidores.

Definición de esquema adaptativo

esquema Adaptive - un método de creación dun marco de páxinas web, cambiar automaticamente a localización dos bloques de acordo coa resolución da pantalla do dispositivo no que é visualizado. É dicir, con esta visión, crear estilos separados para unha variedade de permisos. Este efecto é conseguir a través da escrita especial CSS-arquivos. o problema foi resolto de forma algo diferente antes. Os desenvolvedores tiñan que facer moito máis "xestos", creando vorstku e deseño da versión básica do sitio eo mesmo vale para facer un móbil. Dependendo pantalla do dispositivo, que foi visto por un proxecto de Internet coa plataforma móbil existente, executa a versión apropiada do sitio web.

Esta visión é, en moitos aspectos xa non se xustifica, ea maioría dos webmasters non definiu sobre a creación dunha versión móbil. Agora substitúa tal veu esquema adaptable. Ao crear unha estrutura de sitio coa axuda desta tecnoloxía, o webmaster é concentrar todos os seus esforzos na creación dunha versión do proxecto, e os visitantes poden ter o mesmo nivel de confort, velo como unha pantalla de ordenador grande e no seu teléfono móbil, teléfono ou tablet.

Vantaxes do esquema adaptativo

Cales son as vantaxes dun sitios de deseño adaptativas? foi previamente observado que a vantaxe é a exhibición correcta de todos os bloques da páxina en calquera dispositivo. É tamén un aspecto positivo deste enfoque na creación dun modelo pode ser chamado a velocidade da implantación de cambios. O que significa?


Cando non implementado por primeira vez no lugar das dúas plataformas vorstku feitas as modificacións necesarias na versión de traballo, e despois - no móbil. Cambios no código foron bastante substanciais, o proceso para facer tales cambios poderían moi atrasada. Cando o traballo vorstke adaptativa na web realízase nun único arquivo. Os cambios feitos no deseño da páxina web será o mesmo logo aparecen como unha versión de traballo e móbil.

A desvantaxe desta visión, algúns webmasters chamado a complexidade da súa implementación. Pero coa chegada do CSS 3 para crear un modelo de esquema adaptable era moi sinxelo. Nin sequera os webmasters máis expertos pode facer o seu sitio web fácil de ver nun dispositivo móbil.

Os principios e as características de deseño adaptable

Que principios subxacentes ao método de disposición adaptativa en deseño web?

- O uso de "goma" Tipo esquema.

- imaxe "goma".

- consultas usar os medios (media-consultas).

- A necesidade de pensar en dispositivos móbiles coa creación do esquema.

A partir destes principios básicos deste método de creación dun modelo derivado esquema adaptable seguintes características:

1. Deseño e realización de deseño do sitio web, tendo en conta o traballo en toda a gama de resolucións: de teléfono móbil para grandes pantallas de formato.

2. Posicionamento usando follas de estilo en cascada con consultas de medios a través da tecnoloxía que apareceu en CSS 3.

3. Programación do lado do cliente e servidor para transmitir imaxes para dispositivos móbiles de tamaño e resolución menor.

Un aspecto importante, para que crea un esquema adaptable - matriz resolución dispositivos electrónicos populares. Tal visión no deseño fará navegación na web en calquera pantalla é moi cómodo. Pero como vostede sabe cales son dignos de incluír en estilos?

Introdución vorstku esquema adaptativo?

A maioría dos sitios están feitos para que nas pantallas de smartphones e tabletas aparecen barras de desprazamento que non son tan fáciles de navegar, eo deseño e maquetación de moitos proxectos de Internet simplemente "float". En sitios web, creado para ensinar deseño web, contén unha variedade de resolucións de pantalla de distintos dispositivos, que carga as páxinas maquetada do seu sitio.
esquema Adaptive, cuxos exemplos poden ser atopados a miúdo ten moitas vantaxes. Que lembro con esta visión para a creación dun esquema de páxina?

Comezar a traballar no modelo, é importante periodicamente para probar o quão ben o contido amosado e maquetación dos bloques en pantallas diferentes. Para iso, ás veces simplemente cambiar a anchura da xanela do navegador. Arquivo cos estilos de consulta multimedia recibida e mudar a localización dos bloques, facer cambios significativos. Unha boa ferramenta para probar o modelo de deseño adaptable podería ser sitios que imitan as pantallas de dispositivos móbiles de diferentes modelos. Estes servizos han permitir considerar con coidado e avaliar como o proxecto parece nos visores de unha variedade de dispositivos móbiles.

Aínda que a tecnoloxía do esquema adaptable non é tan sinxelo, o seu desenvolvemento vai dar froitos moi pronto.