{"id":24321,"date":"2025-01-31T01:15:42","date_gmt":"2025-01-31T01:15:42","guid":{"rendered":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/"},"modified":"2025-06-16T12:08:33","modified_gmt":"2025-06-16T12:08:33","slug":"html-5-y-css-3","status":"publish","type":"product","link":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/","title":{"rendered":"HTML 5 Y CSS 3"},"content":{"rendered":"<p>UD1. HTML5 Y CSS3<br \/>\n 1.0.-Introduccion y objetivos<br \/>\n 1.1-Elementos estructurales de HTML5<br \/>\n 1.1.1- Doctype de HTML5<br \/>\n 1.1.2- Evitando elementos div<br \/>\n 1.1.3- Descripci\u00f3n de los elementos estructurales HTML5<br \/>\n 1.1.4-Aplicar los elementos estructurales HTML5<br \/>\n 1.1.5-Modificar la hoja de estilo en cascada<br \/>\n 1.1.6-Test<br \/>\n Pr\u00e1ctica<br \/>\n 1.2.- Trabajando con esquemas HTML5<br \/>\n 1.2.1- Aplicar estilo a los elementos estructurales HTML5<br \/>\n 1.2.2- Otros elementos sem\u00e1nticos de HTML5<br \/>\n 1.2.3- Elementos article anidados<br \/>\n 1.2.4- El esquema del documento<br \/>\n 1.2.5-Test<br \/>\n Pr\u00e1ctica<br \/>\n 1.3- Formularios HTML5<br \/>\n 1.3.1- Introducci\u00f3n<br \/>\n 1.3.2- Nuevos controles de formulario<br \/>\n 1.3.3- Nuevos tributos<br \/>\n 1.3.4-Compatibilidad con navegadores antiguos<br \/>\n 1.3.5- Test<br \/>\n Pr\u00e1ctica<br \/>\n 1.4-Dibujar con el elemento canvas (parte 1)<br \/>\n 1.4.1- Introducci\u00f3n<br \/>\n 1.4.2-Una interfaz de dibujos 2D<br \/>\n 1.4.3-Dibujar rect\u00e1ngulos<br \/>\n 1.4.4-Dibujar trazados<br \/>\n 1.4.5-Colores de trazo y de relleno<br \/>\n (1.4.6- Test)<br \/>\n Pr\u00e1ctica<br \/>\n 1.5- Dibujar con el elemento canvas (parte 2)<br \/>\n 1.5.1-Estilos de l\u00ednea<br \/>\n 1.5.2- Gradientes<br \/>\n 1.5.3- Patrones<br \/>\n 1.5.4-Dibujar im\u00e1genes<br \/>\n 1.5.5-Dibujar texto<br \/>\n 1.5.6-Test<br \/>\n Pr\u00e1ctica<br \/>\n 1.6- Video y audio en HTML5<br \/>\n 1.6.1-Reproducci\u00f3n sin plugin<br \/>\n 1.6.2-La etiqueta <video><br \/>\n 1.6.3-Formatos y c\u00f3decs de v\u00eddeo<br \/>\n 1.6.4-C\u00f3decs de audio<br \/>\n 1.6.5-La etiqueta <audio><br \/>\n 1.6.6-API multimedia<br \/>\n 1.6.7-Test<br \/>\n Pr\u00e1ctica<br \/>\n 1.7-Introducci\u00f3n a CSS3 (parte 1)<br \/>\n 1.7.1-La evoluci\u00f3n que representa CSS3<br \/>\n 1.7.2- Nuevos selectores CSS3<br \/>\n 1.7.3-Esquinas redondeadas y sombras<br \/>\n 1.7.4- Colores<br \/>\n 1.7.5-Gradientes de color<br \/>\n 1.7.6-Test<br \/>\n Pr\u00e1ctica<br \/>\n 1.8-Introducci\u00f3n a CSS3 (parte 2)<br \/>\n 1.8.1- Incrustaci\u00f3n de fuentes<br \/>\n 1.8.2-D\u00f3nde obtener fuentes<br \/>\n 1.8.3-M\u00faltiples im\u00e1genes de fondo<br \/>\n 1.8.4-Transiciones<br \/>\n 1.8.5-Transformaciones<br \/>\n 1.8.6- Test<br \/>\n Pr\u00e1ctica Final<br \/>\n UD2. FUNDAMENTOS DE JAVASCRIPT<br \/>\n 2.1-Introducci\u00f3n<br \/>\n 2.1.1-La evoluci\u00f3n de la Web<br \/>\n 2.1.2-Est\u00e1ndares web<br \/>\n 2.1.3-HTML5 y CSS3<br \/>\n 2.1.4-JavaScript<br \/>\n Pr\u00e1ctica<br \/>\n 2.2-Introducci\u00f3n a JavaScript<br \/>\n 2.2.1-La etiqueta <script><br \/>\n 2.2.2-Contenido alternativo<br \/>\n 2.2.3-Variables<br \/>\n 2.2.4-Tipos de datos<br \/>\n 2.2.5-Operadores<br \/>\n 2.2.6-Cuadros de di\u00e1logo<br \/>\n 2.2.7-Test<br \/>\n Pr\u00e1ctica<br \/>\n 2.3-Fundamentos de programaci\u00f3n<br \/>\n 2.3.1-Estructuras de decisi\u00f3n<br \/>\n 2.3.2-Expresiones l\u00f3gicas<br \/>\n 2.3.3-Estructuras de repetici\u00f3n<br \/>\n 2.3.4-Definir funciones<br \/>\n 2.3.5-Llamar funciones<br \/>\n 2.3.6-\u00c1mbitos de las variables<br \/>\n 2.3.7-Test<br \/>\n Pr\u00e1ctica<br \/>\n 2.4-Objetivos y Arrays en JavaScript<br \/>\n 2.4.1-Introducci\u00f3n<br \/>\n 2.4.2-La jerarqu\u00eda de objetos<br \/>\n 2.4.3-Propiedades y eventos<br \/>\n 2.4.4-M\u00e9todos<br \/>\n 2.4.5-Arrays<br \/>\n 2.4.6-Test<br \/>\n Pr\u00e1ctica<br \/>\n 2.5-Los objetivos location e history<br \/>\n 2.5.1- \u00bfQu\u00e9 es una URL?<br \/>\n 2.5.2-El objeto location<br \/>\n 2.5.3-Actualizando la direcci\u00f3n<br \/>\n 2.5.4-El objeto history<br \/>\n 2.5.5-Test<br \/>\n Pr\u00e1ctica<br \/>\n 2.6-El objeto document<br \/>\n 2.6.1-Introducci\u00f3n<br \/>\n 2.6.2-La propiedad title<br \/>\n 2.6.3-El m\u00e9todo write<br \/>\n 2.6.4-El conjunto images<br \/>\n 2.6.5-Test<br \/>\n Pr\u00e1ctica<br \/>\n 2.7-El objetivo form<br \/>\n 2.7.1-Formularios HTML<br \/>\n 2.7.2-El conjunto forms<br \/>\n 2.7.3-La propiedad elements<br \/>\n 2.7.4-Validar la informaci\u00f3n<br \/>\n 2.7.5- \u00bfCu\u00e1ndo realizar la validaci\u00f3n?<br \/>\n 2.7.6-Tipos de validaci\u00f3n<br \/>\n 2.7.7-Test<br \/>\n Pr\u00e1ctica<br \/>\n 2.8-Modelo de Objetos del Documento(DOM)<br \/>\n 2.8.1-El \u00e1rbol del documento<br \/>\n 2.8.2-Tipos de nodos y de relaciones<br \/>\n 2.8.3-Obtener elementos<br \/>\n 2.8.4-Obtener y establecer atributos<br \/>\n 2.8.5-Test<br \/>\n Pr\u00e1ctica<br \/>\n 2.9-Manipulaci\u00f3n del DOM<br \/>\n 2.9.1-Recorrer el \u00e1rbol del documento<br \/>\n 2.9.2-Modificar el valor de los nodos<br \/>\n 2.9.3-Crear, eliminar y reemplazar nodos<br \/>\n 2.9.4-El m\u00e9todo innerHTML<br \/>\n 2.9.5-Modificar el formato din\u00e1micamente<br \/>\n 2.9.6-Test<br \/>\n Pr\u00e1ctica<br \/>\n 2.10-Buenas pr\u00e1cticas<br \/>\n 2.10.1-Separar estructuras y comportamiento<br \/>\n 2.10.2-A\u00f1adir los manejadores de evento<br \/>\n 2.10.3-Detectar caracter\u00edsticas de los navegadores<br \/>\n 2.10.4-Ejemplo: Una galer\u00eda fotogr\u00e1fica<br \/>\n 2.10.5-Ejemplo: La estructura de la p\u00e1gina<br \/>\n 2.10.6-ejemplo: El c\u00f3digo JavaScript<br \/>\n 2.10.7-Test<br \/>\n Pr\u00e1ctica final<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adquirir los conocimientos sobre las ventajas comparativas que aportan los estandar<br \/>\n HTML5 y CSS3 para la simplificaci\u00f3n de la construcci\u00f3n de p\u00e1ginas web, en especial<br \/>\n en las nuevas capacidades que aportan sobre contenidos din\u00e1micos y multimedia.<\/p>\n","protected":false},"featured_media":24101,"template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"product_brand":[],"product_cat":[48],"product_tag":[],"class_list":["post-24321","product","type-product","status-publish","has-post-thumbnail","product_cat-informatica-y-comunicaciones","first","instock","virtual","taxable","purchasable","product-type-simple"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML 5 Y CSS 3 -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML 5 Y CSS 3 -\" \/>\n<meta property=\"og:description\" content=\"Adquirir los conocimientos sobre las ventajas comparativas que aportan los estandar HTML5 y CSS3 para la simplificaci\u00f3n de la construcci\u00f3n de p\u00e1ginas web, en especial en las nuevas capacidades que aportan sobre contenidos din\u00e1micos y multimedia.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Formaliser\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-16T12:08:33+00:00\" \/>\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=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/html-5-y-css-3\\\/\",\"url\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/html-5-y-css-3\\\/\",\"name\":\"HTML 5 Y CSS 3 -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/html-5-y-css-3\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/html-5-y-css-3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/abexis.es\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/INFORMATICA.png\",\"datePublished\":\"2025-01-31T01:15:42+00:00\",\"dateModified\":\"2025-06-16T12:08:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/html-5-y-css-3\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/html-5-y-css-3\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/html-5-y-css-3\\\/#primaryimage\",\"url\":\"https:\\\/\\\/abexis.es\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/INFORMATICA.png\",\"contentUrl\":\"https:\\\/\\\/abexis.es\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/INFORMATICA.png\",\"width\":587,\"height\":506},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/html-5-y-css-3\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/abexis.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cursos\",\"item\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/cursos-online-profesionales-y-subvencionados\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML 5 Y CSS 3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/abexis.es\\\/#website\",\"url\":\"https:\\\/\\\/abexis.es\\\/\",\"name\":\"Formaliser\",\"description\":\"Formaci\u00f3n\",\"publisher\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/abexis.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/abexis.es\\\/#organization\",\"name\":\"Formaliser\",\"url\":\"https:\\\/\\\/abexis.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/abexis.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/abexis.es\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-LOGO-web.png\",\"contentUrl\":\"https:\\\/\\\/abexis.es\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-LOGO-web.png\",\"width\":1000,\"height\":295,\"caption\":\"Formaliser\"},\"image\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML 5 Y CSS 3 -","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:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/","og_locale":"es_ES","og_type":"article","og_title":"HTML 5 Y CSS 3 -","og_description":"Adquirir los conocimientos sobre las ventajas comparativas que aportan los estandar HTML5 y CSS3 para la simplificaci\u00f3n de la construcci\u00f3n de p\u00e1ginas web, en especial en las nuevas capacidades que aportan sobre contenidos din\u00e1micos y multimedia.","og_url":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/","og_site_name":"Formaliser","article_modified_time":"2025-06-16T12:08:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/","url":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/","name":"HTML 5 Y CSS 3 -","isPartOf":{"@id":"https:\/\/abexis.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/#primaryimage"},"image":{"@id":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/#primaryimage"},"thumbnailUrl":"https:\/\/abexis.es\/wp-content\/uploads\/2025\/01\/INFORMATICA.png","datePublished":"2025-01-31T01:15:42+00:00","dateModified":"2025-06-16T12:08:33+00:00","breadcrumb":{"@id":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/#primaryimage","url":"https:\/\/abexis.es\/wp-content\/uploads\/2025\/01\/INFORMATICA.png","contentUrl":"https:\/\/abexis.es\/wp-content\/uploads\/2025\/01\/INFORMATICA.png","width":587,"height":506},{"@type":"BreadcrumbList","@id":"https:\/\/abexis.es\/index.php\/product\/html-5-y-css-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/abexis.es\/"},{"@type":"ListItem","position":2,"name":"Cursos","item":"https:\/\/abexis.es\/index.php\/cursos-online-profesionales-y-subvencionados\/"},{"@type":"ListItem","position":3,"name":"HTML 5 Y CSS 3"}]},{"@type":"WebSite","@id":"https:\/\/abexis.es\/#website","url":"https:\/\/abexis.es\/","name":"Formaliser","description":"Formaci\u00f3n","publisher":{"@id":"https:\/\/abexis.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/abexis.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/abexis.es\/#organization","name":"Formaliser","url":"https:\/\/abexis.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/abexis.es\/#\/schema\/logo\/image\/","url":"https:\/\/abexis.es\/wp-content\/uploads\/2024\/12\/cropped-LOGO-web.png","contentUrl":"https:\/\/abexis.es\/wp-content\/uploads\/2024\/12\/cropped-LOGO-web.png","width":1000,"height":295,"caption":"Formaliser"},"image":{"@id":"https:\/\/abexis.es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/product\/24321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/media\/24101"}],"wp:attachment":[{"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/media?parent=24321"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/product_brand?post=24321"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/product_cat?post=24321"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/product_tag?post=24321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}