Back to top

1) Tutorial para el diseño de Webs Adaptativas 

Back to top

2) Introducción

Estamos inmersos en lo que se ha venido en llamar "la Sociedad de la Información, el Conocimiento y la Comunicación", en este sentido, toma relevancia el acceso a la información desde cualquier medio. El uso de medios móviles como las Tabletas Digitales y Teléfono Inteligentes ha proliferado en los últimos años, siendo la mayoría del acceso a la información a través de internet mediante el uso de navegadores incorporados en estos dispositivos móviles.

La función principal de un navegador es visualizar las páginas de un sitio. Esto hace preciso que los portales o sitios webs estén diseñados de tal forma que tanto la presentación de la información como la navegación a través de la misma sea lo más cómoda posible, rápida y con visualización admisible.

Como los distintos dispositivos para el acceso a la información disponen de pantallas de distinto tamaño, se presenta un hándicap en el momento de visualizar las páginas webs y conseguir una visualización aceptable. 

Para solucionar este inconveniente existen múltiples soluciones: web adaptable, web móvil, aplicación móvil y web app. Aquí nos centraremos en el diseño de una web acomodable.

El objetivo de esta guía didáctica es facilitar el diseño de webs adaptativas a los alumnos de informática y  diseñadores o bien creadores de páginas web.

Una web adaptable es aquella donde las páginas webs se amoldan al tamaño de la ventana del navegador o bien al medio en el que se muestran (smartphones, tablets, smart tv, PC de sobremesa, portátil, etcétera para una correcta visualización. 

Nuestra web deberá amoldarse a las  distintas resoluciones de los dispositivos donde se van a mostrar.
Fijándonos sólo en el ancho de la pantalla, podemos resumir las resoluciones en 3 grandes grupos:

1. Inferiores a 480px 
2. Entre 481px  y 768px 
3. Desde 769px hasta un máximo de 1232px 

Utilizando apropiadamente los recursos que nos ofrecen  HTML5 y CSS3 podemos diseñar webs más o menos amoldables.

Para obtener webs 100 por ciento amoldables tendríamos que apoyarnos además, en lenguajes para entornos webs como JavaScript, php, jsp, etcétera Estos lenguajes disponen de instrucciones para advertir de forma más precisa la resolución de los dispositivos y proceder en consecuencia.

Back to top

3) Recursos HTML5

El recurso más importante que nos ofrece HTML5 para nuestro diseño adaptable  es: 

Back to top

1) Agencia de diseño web profesional en Valencia

En CITIFACE nos especializamos en Diseño web en Valencia, cuando comenzamos nuevos proyectos, siempre tenemos en cuenta que los usuarios cada vez acceden más a internet desde sus dispositivos móviles, por esta razón todas y cada una nuestras páginas web se adaptan a la perfección a teléfonos móviles y tablets. Un diseño web original no solo aporta valor a tu marca. También a tus clientes del servicio en Valencia, quienes fácilmente encontrarán todo lo que precisan al entrar a tu página web. Si buscas diseño web en Valencia, nosotros nos ocupamos de todo. Somos tu estudio de diseño web en Valencia. Tu satisfacción es fundamental, por esta razón nos esforzamos en ofrecerte un trabajo 10, con lo que precisas y que sea un fiel reflejo de tu marca. Somos especialistas en posicionamiento de buscadores web y minuciosos con los detalles. Debes saber que más o menos el 90 por ciento de los usuarios solo lee la primera página de resultados al buscar en la red, el resto es como si no existieran. Aparecer en los primeros resultados de búsqueda incrementará el número de visitas a tu página web, puesto que tus clientes del servicio potenciales te encontrarán inmediatamente cuando busquen información en los principales motores de búsqueda. Si estás en Valencia podemos vernos directamente, y si no, hablaremos por teléfono o bien vía Skype, como prefieras.