Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

EdiDig LB-05b Diseño web adaptativo - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 27 de agosto de 2021 por Javier F.

18 visualizaciones

Pilula sobre el diseño web que se adapta a la pantalla (EdiDig LB-05), perteneciente al curso de «Edición digital y publicación en línea 2021».

Más información Transcripción

Descargar la transcripción

Curso de edición digital y publicación en línea. 00:00:01
Pilula sobre diseño web adaptativo. 00:00:06
Si vamos de nuevo al libro digital del lector móvil, en el capítulo siente hay un último apartado dedicado al diseño web adaptativo. 00:00:13
Los diseñadores web estaban en aprietos porque la profusión de pantallas le resultaba un reto 00:00:27
porque lo que se veía bien en una se veía mal en otra. 00:00:34
ordenadores, tabletas, teléfonos móviles 00:00:38
al principio se duplicaban los sitios y los diseños 00:00:42
de manera que había una versión para escritorio y una versión móvil 00:00:45
mobile, para las pantallas pequeñas 00:00:50
pero la inercia a continuar como antes era muy grande 00:00:53
así que el 21 de abril de 2015 00:01:01
Google estableció el Mobile Geddon 00:01:04
la fecha en que su buscador, el algoritmo del buscador, iba a dar prioridad a los sitios web 00:01:08
que se mostraran bien en teléfonos inteligentes y en otros dispositivos móviles, 00:01:14
moviendo a los sitios web no optimizados hacia abajo en la lista de resultados. 00:01:19
Creo además una web para optimizar esos sitios web. 00:01:26
Aquí la tenemos. Un sitio web que en un monitor se vería bien con este detalle del menú lateral, en el teléfono móvil se ve nano, pequeñísimo y muy mal. Así que hay que migrarlo a otro diseño, más en columna. 00:01:31
donde había varias columnas aquí una lo que en el monitor ha paisado se ve de 00:01:57
una forma hay que transformarlo a otra para que en el monitor en la pantalla 00:02:05
del teléfono móvil vertical o de una tableta se vea de esta otra forma el 00:02:10
periódico que en el ordenador se ve así hay que encontrar una manera en la que 00:02:17
su diseño se convierta de varias columnas a una sola, que es la más adecuada para pantallas 00:02:27
pequeñas. Fijaos el Washington Post, tres columnas, incluso seis, tres, cuatro columnas. 00:02:36
Al ir variando el tamaño de pantalla, se reordena y se coloca a una o dos columnas 00:02:47
en este caso. ¿Cómo se consigue eso? Pues eso se consigue utilizando lo que se denomina 00:02:58
el diseño web adaptativo, el responsive web design. No responsivo, que no es un término 00:03:11
que no existe en castellano. La Fundeu recomienda diseño web adaptativo, que es crear mediante 00:03:18
unas órdenes de hojas de estilo, las queries, las media queries, decirle que se comporte 00:03:25
de distinta manera según la pantalla que lo está renderizando. 00:03:32
Esas órdenes, arroba media, son muy poderosas y sirven para muchos aspectos, 00:03:39
por ejemplo, para la accesibilidad, para el disfrute de la web a personas 00:03:44
con discapacidades auditivas, conectivas o de otro tipo. 00:03:47
Así que la prensa primero y las webs empresariales e institucionales 00:03:53
han ido migrando al diseño web adaptativo. 00:03:57
¿Qué remedio? 00:03:59
Y los ciudadanos nos hemos acostumbrado a que hay varias maneras de ver 00:04:01
el mismo sitio web. Así que recuerda un poco al periódico de papel que se puede leer compaginado, 00:04:05
doblado o plegado. Los navegadores móviles tienen una opción para ver la versión para 00:04:13
ordenador que te convence de seguida de que no es lo mejor. Los navegadores tienen una 00:04:21
opción, los inspectores, que permiten simular cómo una página web se vería en una pantalla 00:04:29
móvil, algo absolutamente crucial. El vport, la ventana del navegador. Por último, ese acceso web, la lectura web, está creciendo en importancia de una manera exponencial 00:04:34
y ese acceso se demuestra, por ejemplo, en esta estadística que se refiere al 2019, imaginaos el 2020. Gente que se conecta a Internet a través del dispositivo móvil, 00:04:50
A través del teléfono móvil, a través del ordenador portátil, a través de la tableta, a través de dispositivos, otros dispositivos. 00:05:03
Observar cómo va creciendo. 00:05:12
Autor/es:
JFD
Subido por:
Javier F.
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
18
Fecha:
27 de agosto de 2021 - 14:27
Visibilidad:
Público
Centro:
EST ADMI SECRETARÍA GENERAL TÉCNICA
Duración:
05′ 27″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
104.15 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid