<br />
<b>Warning</b>:  "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in <b>/furanet/sites/piloto.foc.es/web/htdocs/wp-content/plugins/gravityforms/common.php</b> on line <b>1121</b><br />
<br />
<b>Warning</b>:  "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in <b>/furanet/sites/piloto.foc.es/web/htdocs/wp-content/plugins/gravityforms/common.php</b> on line <b>1158</b><br />
<br />
<b>Warning</b>:  "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in <b>/furanet/sites/piloto.foc.es/web/htdocs/wp-content/plugins/gravityforms/common.php</b> on line <b>1162</b><br />
<br />
<b>Warning</b>:  "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in <b>/furanet/sites/piloto.foc.es/web/htdocs/wp-content/plugins/gravityforms/common.php</b> on line <b>1184</b><br />
<br />
<b>Warning</b>:  "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in <b>/furanet/sites/piloto.foc.es/web/htdocs/wp-content/plugins/gravityforms/common.php</b> on line <b>2853</b><br />
<br />
<b>Warning</b>:  "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in <b>/furanet/sites/piloto.foc.es/web/htdocs/wp-content/plugins/gravityforms/common.php</b> on line <b>2860</b><br />
<br />
<b>Warning</b>:  "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in <b>/furanet/sites/piloto.foc.es/web/htdocs/wp-content/plugins/gravityforms/common.php</b> on line <b>2873</b><br />
{"id":2772,"date":"2016-06-17T13:25:36","date_gmt":"2016-06-17T11:25:36","guid":{"rendered":"http:\/\/www.foc.es\/?p=2772"},"modified":"2019-11-15T09:16:15","modified_gmt":"2019-11-15T08:16:15","slug":"adapta-el-diseno-de-tu-web-a-cualquier-dispositivo","status":"publish","type":"post","link":"http:\/\/piloto.foc.es\/2016\/06\/17\/2772-adapta-el-diseno-de-tu-web-a-cualquier-dispositivo.html","title":{"rendered":"Adapta el dise\u00f1o de tu web a cualquier dispositivo"},"content":{"rendered":"<p><iframe loading=\"lazy\" style=\"display:block; margin: 0 auto;\" width=\"420\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/qqzxIXrKofg\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h3><strong>Contenidos<\/strong>:<\/h3>\n<p>En esta sesi\u00f3n aprender\u00e1s a c\u00f3mo adaptar el contenido de tu aplicaci\u00f3n web a diferentes tama\u00f1os de pantalla haciendo accesible el contenido desde cualquier tipo de dispositivo m\u00f3vil o de escritorio:<\/p>\n<ul class=\"lista\">\n<li>1. Entender que consideraciones debemos tener en cuenta para llevar a cabo un dise\u00f1o web responsivo.<\/li>\n<li>2. Adaptar nuestras p\u00e1ginas web a diferentes tama\u00f1os de pantalla en funci\u00f3n del alto y ancho de la pantalla.<\/li>\n<li>3. Definir media queries para adaptar la representaci\u00f3n nuestros contenidos.<\/li>\n<li>4. Testear que nuestra aplicaci\u00f3n web es adaptable a diferentes resoluciones y dispositivos.<\/li>\n<\/ul>\n<h3>Fecha y hora:<\/h3>\n<ul>\n<li>?\u00a023 de Junio\u00a0de 2016<\/li>\n<li>\u23f0\u00a021:00 a 21:45 h<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Lo mejor de todo es que, como siempre, es <strong>totalmente gratis<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contenidos: En esta sesi\u00f3n aprender\u00e1s a c\u00f3mo adaptar el contenido de tu aplicaci\u00f3n web a diferentes tama\u00f1os de pantalla haciendo accesible el contenido desde cualquier tipo de dispositivo m\u00f3vil o de escritorio: 1. Entender que consideraciones debemos tener en cuenta para llevar a cabo un dise\u00f1o web responsivo. 2. Adaptar nuestras p\u00e1ginas web a diferentes tama\u00f1os de pantalla en funci\u00f3n del alto y ancho de la pantalla. 3. Definir media queries para adaptar la representaci\u00f3n nuestros contenidos. 4. Testear que nuestra aplicaci\u00f3n web es adaptable a diferentes resoluciones y dispositivos. Fecha y hora: ?\u00a023 de Junio\u00a0de 2016 \u23f0\u00a021:00 a 21:45 h Lo mejor de todo es que, como siempre, es totalmente gratis.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[386],"tags":[491,490],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":5655,"url":"http:\/\/piloto.foc.es\/2021\/06\/02\/5655-crea-una-pagina-web-1-borrador-web-con-ninjamock.html","url_meta":{"origin":2772,"position":0},"title":"Crea una p\u00e1gina web. 1- Borrador web con NinjaMock","date":"2 junio, 2021","format":false,"excerpt":"Al finalizar esta sesi\u00f3n ser\u00e1s capaz de: Dise\u00f1ar un borrador (wireframe) de una p\u00e1gina web sencilla con NinjaMock Contenidos de la sesi\u00f3n: Para poder conseguir los objetivos previstos en la sesi\u00f3n trataremos los siguientes contenidos con un enfoque pr\u00e1ctico Uso de la herramienta NinjaMock. Dise\u00f1o de wireframes. Revisa todos los\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/piloto.foc.es\/wp-content\/uploads\/2021\/05\/Crea-una-pagina-web.-1-Borrador-web-con-NinjaMock.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":4691,"url":"http:\/\/piloto.foc.es\/2018\/10\/17\/4691-que-puede-hacer-una-tv-con-inteligencia-artificial.html","url_meta":{"origin":2772,"position":1},"title":"\u00bfQu\u00e9 puede hacer una TV con Inteligencia Artificial?","date":"17 octubre, 2018","format":false,"excerpt":"La tecnolog\u00eda dota a los dispositivos de inteligencia, l\u00e9xico y hacen que sean capaces de analizar el contexto adem\u00e1s de contribuir a la sostenibilidad del planeta. La televisi\u00f3n en concreto, ha pasado a ser el centro del hogar adquiriendo funciones como las que puedes leer a continuaci\u00f3n: Recomendaciones de contenido.\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/piloto.foc.es\/wp-content\/uploads\/2018\/09\/imagen-destacada-0k.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5445,"url":"http:\/\/piloto.foc.es\/2020\/05\/14\/5445-usabilidad-web.html","url_meta":{"origin":2772,"position":2},"title":"USABILIDAD WEB","date":"14 mayo, 2020","format":false,"excerpt":"Las p\u00e1ginas web deben dise\u00f1arse pensando en la facilidad que deben tener los usuarios para utilizar la web. A este principio lo conocemos como es la usabilidad y principio nos permite crear p\u00e1ginas que sean sencillas de utilizar por parte de los usuarios que las utilizan. La usabilidad Web est\u00e1\u2026","rel":"","context":"En \u00abGeneral\u00bb","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/piloto.foc.es\/wp-content\/uploads\/2020\/05\/Usablidad02.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3581,"url":"http:\/\/piloto.foc.es\/2017\/06\/06\/3581-programar-efectos-sencillos-en-javascript-de-forma-rapida-y-eficiente.html","url_meta":{"origin":2772,"position":3},"title":"Programar efectos sencillos en JavaScript, de forma r\u00e1pida y eficiente.","date":"6 junio, 2017","format":false,"excerpt":"Con JavaScript podemos conseguir efectos sencillos y muy visuales en nuestras p\u00e1ginas web. Nuestros alumnos de IFCD0210 Desarrollo de Aplicaciones con Tecnolog\u00edas Web conocen bien como hacer estos efectos r\u00e1pidamente y de forma sencilla. Os propongo el siguiente ejercicio, vamos pintar en pantalla una tabla. Para ello nuestra peque\u00f1a aplicaci\u00f3n\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/piloto.foc.es\/wp-content\/uploads\/2017\/06\/pantalla-003-06-06-17.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5662,"url":"http:\/\/piloto.foc.es\/2021\/06\/16\/5662-crea-una-pagina-web-3-prototipado-web.html","url_meta":{"origin":2772,"position":4},"title":"Crea una p\u00e1gina web. 3- Prototipado  Web","date":"16 junio, 2021","format":false,"excerpt":"Al finalizar esta sesi\u00f3n ser\u00e1s capaz de: Obtener un prototipo de una p\u00e1gina web a partir de un mockup Contenidos de la sesi\u00f3n: Para poder conseguir los objetivos previstos en la sesi\u00f3n trataremos los siguientes contenidos con un enfoque pr\u00e1ctico Prototipado web Revisa todos los seminarios pendientes y si lo\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/piloto.foc.es\/wp-content\/uploads\/2021\/05\/Crea-una-pagina-web.-3-Prototipado-Web.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3193,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3193-desarrolla-tus-webs-para-que-se-vean-en-todo-tipo-de-dispositivos-con-responsive-web-design.html","url_meta":{"origin":2772,"position":5},"title":"Desarrolla tus webs para que se vean en todo tipo de dispositivos, con \u201cResponsive Web Design\u201d.","date":"13 febrero, 2017","format":false,"excerpt":"Con los conocimientos adquiridos al cursar nuestro certificado de profesionalidad \u00a0\u00a0IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web, \u00a0ser\u00e1s capaz de desarrollar p\u00e1ginas webs que se visualicen correctamente en tablets, m\u00f3viles y en dispositivos de escritorio, es decir, dise\u00f1o web adaptable (en ingl\u00e9s Responsive Web Design). En esta publicaci\u00f3n del blog te\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"Responsive_design1","src":"https:\/\/i2.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/06\/Responsive_design1.png?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/p6jO3Y-II","amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/2772"}],"collection":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/comments?post=2772"}],"version-history":[{"count":4,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/2772\/revisions"}],"predecessor-version":[{"id":2783,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/2772\/revisions\/2783"}],"wp:attachment":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/media?parent=2772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/categories?post=2772"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/tags?post=2772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}