Trabajo final del curso de programación Web

Diseño responsivo

Medidas Web Responsive

Ciudad de París

Cuando hablamos de diseño web, también hablamos de mejorar la Experiencia de Usuario (UX por sus siglas en inglés User eXperience) y para ello debemos considerar muchos factores. Uno de ellos es como adaptamos nuestro diseño a los diferentes tipos de pantallas. Para lograr una respuesta adecuada debemos basarnos en nuestra audiencia objetivo o dicho de otro modo a quién va dirigido nuestro diseño. Por suerte existen resoluciones de pantallas comunes en todo el mundo para poder adaptar nuestras web a medidas responsives.

Pantallas pequeñas: 360×640 (móvil pequeño)

Pantallas medianas: 1440×900 (escritorio mediano), 1366×768 (laptop mediana) y 375×667 (móvil mediano)

Pantallas grandes: 1920×1080 (escritorio grande) y 720×1280 (móvil grande)

Estas son solo algunas que debemos considerar. Otra cosa que sucede es que los usuarios de escritorio no siempre tienen su pantalla maximizada (especialmente los usuarios de «escritorio grande»). Aunque no es un escenario común, deberíamos pensar en lo que podría suceder si el sitio web se mostrara en orientación vertical. Tampoco debemos olvidar las grandes pantallas de escritorio y de televisión (por ejemplo: Microsoft Edge en Xbox). Esta página por ejemplo se adapta cuando la pantalla es menor a los 768px, de 768px o superiores, mantiene el disño original dimensionado con porcentajes.

Título de artículo 2

Biblioteca

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id dui tellus. Fusce condimentum tellus non nisi eleifend suscipit. Curabitur commodo pretium purus eu aliquet. In hac habitasse platea dictumst. Pellentesque consectetur, orci at fermentum semper, est nisl rhoncus justo, at aliquet massa odio sed felis. Praesent vitae nisl eleifend, suscipit dui id, pulvinar quam. Phasellus at blandit tortor, sit amet congue ligula. Fusce vitae massa tincidunt nulla tempus pellentesque nec in velit. Aenean ex nunc, rhoncus vel pretium in, imperdiet et leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam dictum et tortor a varius. Etiam at tincidunt lectus. Mauris ultricies placerat tortor, in tempor odio venenatis at. In placerat porttitor elementum. Donec massa tortor, lobortis ut lacus quis, auctor cursus nibh. Pellentesque eleifend finibus volutpat.

Título de artículo 3

Home Office

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id dui tellus. Fusce condimentum tellus non nisi eleifend suscipit. Curabitur commodo pretium purus eu aliquet. In hac habitasse platea dictumst. Pellentesque consectetur, orci at fermentum semper, est nisl rhoncus justo, at aliquet massa odio sed felis. Praesent vitae nisl eleifend, suscipit dui id, pulvinar quam. Phasellus at blandit tortor, sit amet congue ligula. Fusce vitae massa Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam dictum et tortor a varius. Etiam at tincidunt lectus. Mauris ultricies placerat tortor, in tempor odio venenatis at. In placerat porttitor elementum. Donec massa tortor, lobortis ut lacus quis, auctor cursus nibh. Pellentesque eleifend finibus volutpat.

Debes ser mayor de edad para poder visitar este sitio web

Soy menor de 18 años.
Soy mayor de 18 años.
www.000webhost.com