{"id":184819,"date":"2025-12-10T15:02:47","date_gmt":"2025-12-10T21:02:47","guid":{"rendered":"https:\/\/ucenfotec.ac.cr\/ecommerce\/?post_type=product&#038;p=184819"},"modified":"2026-04-09T18:06:10","modified_gmt":"2026-04-10T00:06:10","slug":"diseno-web-adaptativo","status":"publish","type":"product","link":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/","title":{"rendered":"Dise\u00f1o Web Adaptativo"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1216.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p><span data-sheets-root=\"1\">El Desarrollo Web Adaptativo es un enfoque de dise\u00f1o y programaci\u00f3n que crea versiones espec\u00edficas de un sitio o aplicaci\u00f3n web para distintos dispositivos y resoluciones utilizando m\u00faltiples layouts predefinidos que se cargan seg\u00fan las caracter\u00edsticas detectadas del dispositivo, lo que permite optimizar el rendimiento, controlar de forma precisa la experiencia del usuario y asegurar que el contenido y la interfaz se presenten de manera adecuada en cada entorno de uso.<\/span><\/p>\n<p><span data-sheets-root=\"1\">Las principales tem\u00e1ticas por abordar en el curso son los fundamentos del dise\u00f1o adaptativo y comparaci\u00f3n estrat\u00e9gica con el dise\u00f1o responsivo, los fundamentos t\u00e9cnicos, los frameworks y tecnolog\u00edas modernas para el dise\u00f1o adaptativo y la arquitectura adaptativa, integraci\u00f3n backend y buenas pr\u00e1cticas.<\/span><\/p>\n<p><span data-sheets-root=\"1\">El curso est\u00e1 dise\u00f1ado por competencias y alineado con el marco global de habilidades y competencias para un mundo digital SFIA, por lo que se propone que los estudiantes logren responder a un nivel de responsabilidad 3, de manera que aplican est\u00e1ndares, herramientas y medidas de seguridad acordados para lograr un resultado bien dise\u00f1ado.<\/span><\/p>\n<hr \/>\n<p><strong>Contenidos<\/strong><\/p>\n<p><span data-sheets-root=\"1\">1. Fundamentos del Dise\u00f1o Adaptativo y Comparaci\u00f3n Estrat\u00e9gica con el Dise\u00f1o Responsivo.<br \/>\n2. Fundamentos T\u00e9cnicos del Dise\u00f1o Adaptativo \u2013 Layouts, Breakpoints y Detecci\u00f3n.<br \/>\n3. Frameworks y Tecnolog\u00edas Modernas para Dise\u00f1o Adaptativo.<br \/>\n4. Arquitectura Adaptativa, Integraci\u00f3n Backend y Buenas Pr\u00e1cticas.<\/span><\/p>\n<hr \/>\n<p><strong>Certificado e Insignia Digital<\/strong><\/p>\n<p>Al finalizar el curso el estudiante obtiene un t\u00edtulo e Insignia digital, socializable en tiempo real basada en tecnolog\u00eda blockchain que permite una vista m\u00e1s completa tras el logro alcanzado por el estudiante al poderla vincular con evidencias del resultado del aprendizaje en su perfil profesional.<\/p>\n<p>Es una certificaci\u00f3n segura.<\/p>\n<p><a href=\"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2025\/12\/SOFT-730-Diseno-Web-Adaptativo.png\"><img decoding=\"async\" class=\"lazyload aligncenter size-full wp-image-184822\" src=\"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2025\/12\/SOFT-730-Diseno-Web-Adaptativo.png\" data-orig-src=\"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2025\/12\/SOFT-730-Diseno-Web-Adaptativo.png\" alt=\"SOFT-730-Diseno Web Adaptativo - Universidad CENFOTEC\" width=\"300\" height=\"300\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%27300%27%20viewBox%3D%270%200%20300%20300%27%3E%3Crect%20width%3D%27300%27%20height%3D%27300%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2025\/12\/SOFT-730-Diseno-Web-Adaptativo-66x66.png 66w, https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2025\/12\/SOFT-730-Diseno-Web-Adaptativo-100x100.png 100w, https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2025\/12\/SOFT-730-Diseno-Web-Adaptativo-150x150.png 150w, https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2025\/12\/SOFT-730-Diseno-Web-Adaptativo-200x200.png 200w, https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2025\/12\/SOFT-730-Diseno-Web-Adaptativo.png 300w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<hr \/>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p><span data-sheets-root=\"1\">Este curso profundiza en el dise\u00f1o web adaptativo mediante el uso de layouts flexibles, detecci\u00f3n de dispositivos y frameworks modernos, integrando arquitectura backend y buenas pr\u00e1cticas para crear experiencias \u00f3ptimas en m\u00faltiples plataformas.<\/span><\/p>\n","protected":false},"featured_media":53380,"template":"","meta":{"_relevanssi_hide_post":"on","_relevanssi_hide_content":"on","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"WooCommerce Yoast SEO Relevanssi index exclude"},"product_brand":[],"product_cat":[1087,44],"product_tag":[2895,2892,2897,2893,2890,2889,2010,2896,1031,2891,1070,2894],"class_list":{"0":"post-184819","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-agotado","7":"product_cat-ingenieria-del-software","8":"product_tag-arquitectura-adaptativa","9":"product_tag-breakpoints","10":"product_tag-buenas-practicas","11":"product_tag-deteccion-de-dispositivo","12":"product_tag-diseno-adaptativo","13":"product_tag-diseno-web","14":"product_tag-frameworks","15":"product_tag-integracion-backend","16":"product_tag-javascript","17":"product_tag-layouts","18":"product_tag-programacion","19":"product_tag-tecnologias-modernas","21":"first","22":"outofstock","23":"virtual","24":"sold-individually","25":"taxable","26":"product-type-simple"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Dise\u00f1o Web Adaptativo<\/title>\n<meta name=\"description\" content=\"Aprenda a crear sitios web adaptativos con layouts flexibles, detecci\u00f3n de dispositivos y frameworks modernos, optimizando la experiencia del usuario.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o Web Adaptativo\" \/>\n<meta property=\"og:description\" content=\"Aprenda a crear sitios web adaptativos con layouts flexibles, detecci\u00f3n de dispositivos y frameworks modernos, optimizando la experiencia del usuario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/\" \/>\n<meta property=\"og:site_name\" content=\"Cursos - CENFOTEC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T00:06:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2022\/05\/Software-Engineering.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/producto\\\/diseno-web-adaptativo\\\/\",\"url\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/producto\\\/diseno-web-adaptativo\\\/\",\"name\":\"Dise\u00f1o Web Adaptativo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/producto\\\/diseno-web-adaptativo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/producto\\\/diseno-web-adaptativo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2022\\\/05\\\/Software-Engineering.jpg\",\"datePublished\":\"2025-12-10T21:02:47+00:00\",\"dateModified\":\"2026-04-10T00:06:10+00:00\",\"description\":\"Aprenda a crear sitios web adaptativos con layouts flexibles, detecci\u00f3n de dispositivos y frameworks modernos, optimizando la experiencia del usuario.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/producto\\\/diseno-web-adaptativo\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/producto\\\/diseno-web-adaptativo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/producto\\\/diseno-web-adaptativo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2022\\\/05\\\/Software-Engineering.jpg\",\"contentUrl\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2022\\\/05\\\/Software-Engineering.jpg\",\"width\":500,\"height\":650,\"caption\":\"Ingenier\u00eda del Software - Universidad CENFOTEC\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/producto\\\/diseno-web-adaptativo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Todos los Cursos\",\"item\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/todos-los-cursos\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dise\u00f1o Web Adaptativo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/#website\",\"url\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/\",\"name\":\"Cursos - CENFOTEC\",\"description\":\"Tienda en l\u00ednea de cursos ofrecidos por CENFOTEC\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ucenfotec.ac.cr\\\/ecommerce\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Dise\u00f1o Web Adaptativo","description":"Aprenda a crear sitios web adaptativos con layouts flexibles, detecci\u00f3n de dispositivos y frameworks modernos, optimizando la experiencia del usuario.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o Web Adaptativo","og_description":"Aprenda a crear sitios web adaptativos con layouts flexibles, detecci\u00f3n de dispositivos y frameworks modernos, optimizando la experiencia del usuario.","og_url":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/","og_site_name":"Cursos - CENFOTEC","article_modified_time":"2026-04-10T00:06:10+00:00","og_image":[{"width":500,"height":650,"url":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2022\/05\/Software-Engineering.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/","url":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/","name":"Dise\u00f1o Web Adaptativo","isPartOf":{"@id":"https:\/\/ucenfotec.ac.cr\/ecommerce\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/#primaryimage"},"image":{"@id":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/#primaryimage"},"thumbnailUrl":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2022\/05\/Software-Engineering.jpg","datePublished":"2025-12-10T21:02:47+00:00","dateModified":"2026-04-10T00:06:10+00:00","description":"Aprenda a crear sitios web adaptativos con layouts flexibles, detecci\u00f3n de dispositivos y frameworks modernos, optimizando la experiencia del usuario.","breadcrumb":{"@id":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/#primaryimage","url":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2022\/05\/Software-Engineering.jpg","contentUrl":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-content\/uploads\/sites\/13\/2022\/05\/Software-Engineering.jpg","width":500,"height":650,"caption":"Ingenier\u00eda del Software - Universidad CENFOTEC"},{"@type":"BreadcrumbList","@id":"https:\/\/ucenfotec.ac.cr\/ecommerce\/producto\/diseno-web-adaptativo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ucenfotec.ac.cr\/ecommerce\/"},{"@type":"ListItem","position":2,"name":"Todos los Cursos","item":"https:\/\/ucenfotec.ac.cr\/ecommerce\/todos-los-cursos\/"},{"@type":"ListItem","position":3,"name":"Dise\u00f1o Web Adaptativo"}]},{"@type":"WebSite","@id":"https:\/\/ucenfotec.ac.cr\/ecommerce\/#website","url":"https:\/\/ucenfotec.ac.cr\/ecommerce\/","name":"Cursos - CENFOTEC","description":"Tienda en l\u00ednea de cursos ofrecidos por CENFOTEC","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ucenfotec.ac.cr\/ecommerce\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-json\/wp\/v2\/product\/184819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-json\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-json\/wp\/v2\/media\/53380"}],"wp:attachment":[{"href":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-json\/wp\/v2\/media?parent=184819"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-json\/wp\/v2\/product_brand?post=184819"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-json\/wp\/v2\/product_cat?post=184819"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/ucenfotec.ac.cr\/ecommerce\/wp-json\/wp\/v2\/product_tag?post=184819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}