Unidades didácticas adaptables – diseño responsive

En otro artículo relativo a «Escenas adaptables- diseño responsive» se expone que el diseño web adaptable, responsive o –en una castellanización simple– responsivo, tiene por objetivo adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla:  tabletas, smartphones, libros electrónicos, portátiles, ordenadores,… Igualmente, observamos que la adaptabilidad también se logra en el tamaño de la ventana donde se está visionando la página web, propiedad que se extiende a marcos y tablas (ver ejemplo al final de este apartado).

Diseñar una unidad didáctica de Descartes adaptable, posibilita que ésta se pueda incrustar con cualquier tamaño, sin que se pierdan sus propiedades. La siguiente unidad, del proyecto Un_100, tiene un tamaño original de 990×670 píxeles, al ser adaptativa permite que la incrustemos o la embebamos en la columna izquierda de este blog:

El procedimiento para lograr esta adaptabilidad se puede consultar en el siguiente vídeo. Por otra parte, los dos ejemplos (el del vídeo y la escena en sí), se pueden descargar en los siguientes enlaces:

Ejemplo 1

Ejemplo 2

Finalmente, en la siguiente escena se presentan tres objetos Descartes distribuidos en tres celdas de diferente tamaño (en el apartado anterior, en el ejemplo 2, se incluye la tabla para que la consultes).

Haz un comentario