{"id":2662,"date":"2014-12-30T20:20:34","date_gmt":"2014-12-30T19:20:34","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=2662"},"modified":"2021-08-07T16:02:46","modified_gmt":"2021-08-07T15:02:46","slug":"unidades-didacticas-adaptables-diseno-responsive","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/unidades-didacticas-adaptables-diseno-responsive\/","title":{"rendered":"Unidades did\u00e1cticas adaptables &#8211; dise\u00f1o responsive"},"content":{"rendered":"<p style=\"text-align: justify;\">En otro art\u00edculo relativo a \u00ab<a href=\"https:\/\/descartesjs.org\/documentacion\/?p=2653\">Escenas adaptables- dise\u00f1o responsive<\/a>\u00bb se expone&nbsp;que el dise\u00f1o web adaptable,&nbsp;<em>responsive <\/em>o &#8211;en una&nbsp;castellanizaci\u00f3n simple&#8211;<em> responsivo<\/em>, tiene por&nbsp;objetivo adaptar la apariencia de las p\u00e1ginas web al dispositivo que se est\u00e9 utilizando para visualizarla: &nbsp;tabletas, <em>smartphones<\/em>, libros electr\u00f3nicos, port\u00e1tiles, ordenadores,&#8230; Igualmente, observamos que la adaptabilidad tambi\u00e9n se logra en el tama\u00f1o de la ventana donde se est\u00e1 visionando la p\u00e1gina web, propiedad que se extiende a marcos y tablas (ver ejemplo al final de este apartado).<\/p>\n<p style=\"text-align: justify;\">Dise\u00f1ar una unidad did\u00e1ctica&nbsp;de Descartes adaptable, posibilita que \u00e9sta se pueda incrustar con cualquier tama\u00f1o, sin que se pierdan sus propiedades. La siguiente unidad, del proyecto Un_100, tiene un tama\u00f1o original de 990&#215;670 p\u00edxeles, al ser adaptativa permite que la incrustemos o la embebamos en la columna izquierda de este blog:<\/p>\n<p><iframe class=\"iframe-class\" src=\"https:\/\/descartesjs.org\/repositorio\/un100responsive\/\" width=\"100%\" height=\"520\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>El procedimiento para lograr esta adaptabilidad se puede consultar en el siguiente v\u00eddeo. Por otra parte, los dos ejemplos (el del v\u00eddeo y la escena en s\u00ed), se pueden descargar en los siguientes enlaces:<\/p>\n<p><a href=\"https:\/\/descartesjs.org\/repositorio\/EDAD_1eso_numeros_naturales-JS.zip\">Ejemplo 1<\/a><\/p>\n<p><a href=\"https:\/\/descartesjs.org\/repositorio\/un100responsive.zip\">Ejemplo 2<\/a><\/p>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/HfsxZiKXAkE\" width=\"100%\" height=\"520\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Finalmente, en la siguiente escena se presentan tres objetos Descartes distribuidos en tres celdas de diferente tama\u00f1o (en el apartado anterior, en el ejemplo 2, se incluye la tabla para que la consultes).<\/p>\n<p><iframe class=\"iframe-class\" src=\"https:\/\/descartesjs.org\/repositorio\/adaptable\/tabla.html\" width=\"100%\" height=\"520\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En otro art\u00edculo relativo a \u00abEscenas adaptables- dise\u00f1o responsive\u00bb se expone&nbsp;que el dise\u00f1o web adaptable,&nbsp;responsive o &#8211;en una&nbsp;castellanizaci\u00f3n simple&#8211; responsivo, tiene por&nbsp;objetivo adaptar la apariencia de las p\u00e1ginas web al dispositivo que se est\u00e9 utilizando para visualizarla: &nbsp;tabletas, smartphones, libros electr\u00f3nicos, port\u00e1tiles, ordenadores,&#8230; Igualmente, observamos que la adaptabilidad tambi\u00e9n se logra en el tama\u00f1o de la ventana donde se est\u00e1 visionando la p\u00e1gina web, propiedad que se extiende a marcos y tablas (ver ejemplo al final de este apartado). Dise\u00f1ar una unidad did\u00e1ctica&nbsp;de Descartes adaptable, posibilita que \u00e9sta se pueda incrustar con cualquier tama\u00f1o, sin que se pierdan sus propiedades.<\/p>\n<a class=\"more-link\" rel=\"nofollow\" href=\"https:\/\/reddescartes.org\/documentacion\/unidades-didacticas-adaptables-diseno-responsive\/\">[Leer m\u00e1s...]<\/a>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22,89],"tags":[99,102,100,101],"_links":{"self":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2662"}],"collection":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/comments?post=2662"}],"version-history":[{"count":11,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2662\/revisions"}],"predecessor-version":[{"id":3494,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2662\/revisions\/3494"}],"wp:attachment":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/media?parent=2662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/categories?post=2662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/tags?post=2662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}