REPUBLICA BOLIVARIANA DE VENEZUELA

MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÓN UNIVERSITARIA

INSTITUTO UNIVERSITARIO POLITÉCNICO SANTIAGO MARIÑO
CABIMAS- EDO. ZULIA

Web Responsive.

Realizado por:
Rojas M, María V.
C. I: V-28.059.916

Cabimas, junio del 2022

1. ¿EN QUÉ CONSISTE UNA WEB
RESPONSIVE?

Es aquella Web que es capaz de adaptarse a cualquier

dispositivo en el que se va a visualizar, bien sea una
computadora de escritorio, un Smartphone, una Tablet, entre
otros ya la rotación de pantalla. De esta manera, el sistema
detecta automáticamente el ancho de la pantalla y a partir de
ahí adapta todos los elementos de la página, desde el tamaño
de letra hasta las imágenes y los menús, para ofrecer al
usuario la mejor experiencia posible. En otras palabras, el
sitio Web se verá y funcionará bien, sin importar desde qué
tipo de dispositivo se esté accediendo a él.
2. ¿CUÁLES SON SUS CARACTERÍSTICAS
Y VENTAJAS?
Características Ventajas
Adapta la web al ancho del Carga de los elementos más rápida.
dispositivo.
Reorganiza los distintos elementos de Navegación más fácil.
la web.
Simplifica la web. Adaptación de las imágenes y textos.

Cambio de apariencia de algunos Mejora del posicionamiento en

elementos. buscadores.
3. IMPORTANCIA DE UNA WEB
RESPONSIVE.

Los sitios web responsive son fáciles de navegar y requieren menos

tiempo de carga, lo que reduce los porcentajes de rebote y hace que
compartir en las redes sociales sea más fácil para el usuario. Además,
ofrecen una experiencia de usuario perfecta que se traduce en una
percepción más positiva de tu marca.
4. BENEFICIOS DE UNA WEB RESPONSIVE.

 Enriquece la experiencia del usuario.

 Mejora los resultados estadísticos.
 Evita la duplicidad del contenido.
 Reduce costes y tiempos de desarrollo y mantenimiento.
 Mejora del posicionamiento SEO.
5. ¿CUÁLES SON LOS FRAMEWORKS MÁS
UTILIZADOS EN EL DISEÑO DE UNA WEB
RESPONSIVE?

Bootstrap. Esta plataforma fue desarrollada por Twitter y usa LESS CSS (preprocesador de
CSS). Consta de una gran popularidad, es gratuito y permite que tus diseños sean adaptados
fácilmente a otros dispositivos/resoluciones.

Foundation. Este framework creado por Zurb es otro de los grandes en el mercado del diseño de
respuesta. Al igual que Bootstrap, permite construir con relativa facilidad sitios web. Sin
embargo, utiliza otro preprocesador de CSS: SASS, muy potente también. Los propios autores lo
definen como el framework front-end más avanzado del mundo.

HTML5 Boilerplate. Este framework o front-end template (autodefinición) es quizás el más

popular entre compañías top como Google, Microsoft, NASA, Nike, entre otras. Este template
permite desarrollar sitios web HTML5 de forma ágil tanto para novatos como profesionales del
front-end.
6. EJEMPLOS DE PÁGINAS CON MEJOR
DISEÑO WEB RESPONSIVE DE INTERNET.

 Samsung. Realmente se puede hablar de Samsung como Apple, BQ, Sony. Todos
tienen diseños web responsive muy funcionales, con diseños muy limpios. La página de
Samsung es un fondo blanco con letras grandes y negras, un botón y foto de producto.
Sencillo, bonito y fácil.

 Starbucks. Starbucks ha hecho una web muy visual, con diseños modernos y muy
buenas fotos de sus productos. Como no podía ser menos, su responsive es perfecto.
Tiene un menú muy claro con los tres items más importantes a la vista: buscador,
localizador de tiendas y el desplegable del menú.

 Spotify. Spotify tiene una app tanto para móviles como para tablets, pero no por eso iba
a descuidar el diseño responsive de su web. Se adapta a todas las pantallas y es muy
fácil de navegar. Es un ejemplo de que el responsive es muy importante, aunque ya se
tengan otras soluciones para móviles. Un usuario puede no tener descargada la app, no
tener datos para hacerlo en ese momento o, simplemente, no querer hacerlo.