{"id":24285,"date":"2025-01-31T01:15:37","date_gmt":"2025-01-31T01:15:37","guid":{"rendered":"https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/"},"modified":"2025-06-16T12:08:32","modified_gmt":"2025-06-16T12:08:32","slug":"creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3","status":"publish","type":"product","link":"https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/","title":{"rendered":"CREACI\u00d3N, PROGRAMACI\u00d3N Y DISE\u00d1O DE P\u00c1GINAS WEB CON HTML5 Y CSS3"},"content":{"rendered":"<p>1. FUNDAMENTOS DE JAVASCRIPT<br \/>\n  1.1. Introducci\u00f3n<br \/>\n  1.1.1. La evoluci\u00f3n de la Web<br \/>\n  1.1.2. Est\u00e1ndares web<br \/>\n  1.1.3. HTML5 y CSS3<br \/>\n  1.1.4. JavaScript1.2. Introducci\u00f3n a javascript<br \/>\n  1.2.1. La etiqueta (script)<br \/>\n  1.2.2. Contenido alternativo<br \/>\n  1.2.3. Variables<br \/>\n  1.2.4. Tipos de datos<br \/>\n  1.2.5. Operadores<br \/>\n  1.2.6. Cuadros de di\u00e1logo<br \/>\n  1.3. Fundamentos de programaci\u00f3n<br \/>\n  1.3.1. Estructuras de decisi\u00f3n<br \/>\n  1.3.2. Expresiones l\u00f3gicas<br \/>\n  1.3.3. Estructuras de repetici\u00f3n<br \/>\n  1.3.4. Definir funciones<br \/>\n  1.3.5. Llamar funciones<br \/>\n  1.3.6. \u00c1mbito de las variables<br \/>\n  1.4. Objetos y arrays en javascript<br \/>\n  1.4.1. Introducci\u00f3n<br \/>\n  1.4.2. La jerarqu\u00eda de objetos<br \/>\n  1.4.3. Propiedades y eventos<br \/>\n  1.4.4. M\u00e9todos<br \/>\n  1.4.5. Arrays<br \/>\n  1.5. Los objetos location e history<br \/>\n  1.5.1. \u00bfQu\u00e9 es una URL?<br \/>\n  1.5.2. El objeto location<br \/>\n  1.5.3. Actualizando la direcci\u00f3n<br \/>\n  1.5.4. El objeto history<br \/>\n  1.6. El objeto document<br \/>\n  1.6.1. Introducci\u00f3n<br \/>\n  1.6.2. La propiedad title<br \/>\n  1.6.3. El m\u00e9todo write<br \/>\n  1.6.4. El conjunto images<br \/>\n  1.7. El objeto form<br \/>\n  1.7.1. Formularios HTML<br \/>\n  1.7.2. El conjunto forms<br \/>\n  1.7.3. La propiedad elements<br \/>\n  1.7.4. Validar la informaci\u00f3n<br \/>\n  1.7.5. \u00bfCu\u00e1ndo realizar la validaci\u00f3n?<br \/>\n  1.7.6. Tipos de validaci\u00f3n<br \/>\n  1.8. Modelo de objetos del documento (dom)<br \/>\n  1.8.1. El \u00e1rbol del documento<br \/>\n  1.8.2. Tipos de nodos y de relaciones<br \/>\n  1.8.3. Obtener elementos<br \/>\n  1.8.4. Obtener y establecer atributos<br \/>\n  1.9. Manipulaci\u00f3n del dom<br \/>\n  1.9.1. Recorrer el \u00e1rbol del documento<br \/>\n  1.9.2. Modificar el valor de los nodos<br \/>\n  1.9.3. Crear, eliminar y reemplazar nodos<br \/>\n  1.9.4. El m\u00e9todo innerHTML<br \/>\n  1.9.5. Modificar el formato din\u00e1micamente<br \/>\n  1.10. Buenas pr\u00e1cticas<br \/>\n  1.10.1. Separar estructura y comportamiento<br \/>\n  1.10.2. A\u00f1adir los manejadores de evento<br \/>\n  1.10.3. Detectar caracter\u00edsticas de los navegadores<br \/>\n  1.10.4. Ejemplo: Una galer\u00eda fotogr\u00e1fica<br \/>\n  1.10.5. Ejemplo: La estructura de la p\u00e1gina<br \/>\n  1.10.6. Ejemplo: El c\u00f3digo JavaScript<\/p>\n<p>  2. HTML5 Y CSS3<br \/>\n  2.1. Elementos estructurales de html5<br \/>\n  2.1.1. Doctype de HTML5<br \/>\n  2.1.2. Evitando elementos div<br \/>\n  2.1.3. Descripci\u00f3n de los elementos estructurales HTML5<br \/>\n  2.1.4. Aplicar los elementos estructurales HTML5<br \/>\n  2.1.5. Modificar la hoja de estilo en cascada<br \/>\n  2.2. Trabajando con esquemas html5<br \/>\n  2.2.1. Aplicar estilo a los elementos estructurales HTML5<br \/>\n  2.2.2. Otros elementos sem\u00e1nticos de HTML5<br \/>\n  2.2.3. Elementos article anidados<br \/>\n  2.2.4. El esquema del documento<br \/>\n  2.3. Formularios html5<br \/>\n  2.3.1. Introducci\u00f3n<br \/>\n  2.3.2. Nuevos controles de formulario<br \/>\n  2.3.3. Nuevos atributos<br \/>\n  2.3.4. Compatibilidad con navegadores antiguos<br \/>\n  2.4. Dibujar con el elemento canvas (parte 1)<br \/>\n  2.4.1. Introducci\u00f3n<br \/>\n  2.4.2. Una interfaz de dibujo 2D<br \/>\n  2.4.3. Dibujar rect\u00e1ngulos<br \/>\n  2.4.4. Dibujar trazados<br \/>\n  2.4.5. Colores de trazo y de relleno<br \/>\n  2.5. Dibujar con el elemento canvas (parte 2)<br \/>\n  2.5.1. Estilos de l\u00ednea<br \/>\n  2.5.2. Gradientes<br \/>\n  2.5.3. Patrones<br \/>\n  2.5.4. Dibujar im\u00e1genes<br \/>\n  2.5.5. Dibujar texto<br \/>\n  2.6. V\u00eddeo y audio en html5<br \/>\n  2.6.1. Reproducci\u00f3n sin plugin<br \/>\n  2.6.2. La etiqueta (video)<br \/>\n  2.6.3. Formatos y c\u00f3decs de v\u00eddeo<br \/>\n  2.6.4. C\u00f3decs de audio<br \/>\n  2.6.5. La etiqueta (audio)<br \/>\n  2.6.6. API multimedia<br \/>\n  2.7. Introducci\u00f3n a css3 (parte 1)<br \/>\n  2.7.1. La evoluci\u00f3n que representa CSS3<br \/>\n  2.7.2. Nuevos selectores CSS3<br \/>\n  2.7.3. Esquinas redondeadas y sombras<br \/>\n  2.7.4. Colores<br \/>\n  2.7.5. Gradientes de color<br \/>\n  2.8. Introducci\u00f3n a css3 (parte 2)<br \/>\n  2.8.1. Incrustaci\u00f3n de fuentes<br \/>\n  2.8.2. D\u00f3nde obtener fuentes<br \/>\n  2.8.3. M\u00faltiples im\u00e1genes de fondo<br \/>\n  2.8.4. Transiciones<br \/>\n  2.8.5. Transformaciones<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1ar, crear, programar p\u00e1ginas WEB CONHTML5 y CSS3.<\/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-24285","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>CREACI\u00d3N, PROGRAMACI\u00d3N Y DISE\u00d1O DE P\u00c1GINAS WEB CON HTML5 Y CSS3 -<\/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\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CREACI\u00d3N, PROGRAMACI\u00d3N Y DISE\u00d1O DE P\u00c1GINAS WEB CON HTML5 Y CSS3 -\" \/>\n<meta property=\"og:description\" content=\"Dise\u00f1ar, crear, programar p\u00e1ginas WEB CONHTML5 y CSS3.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/\" \/>\n<meta property=\"og:site_name\" content=\"Formaliser\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-16T12:08:32+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\\\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\\\/\",\"url\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\\\/\",\"name\":\"CREACI\u00d3N, PROGRAMACI\u00d3N Y DISE\u00d1O DE P\u00c1GINAS WEB CON HTML5 Y CSS3 -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/abexis.es\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/INFORMATICA.png\",\"datePublished\":\"2025-01-31T01:15:37+00:00\",\"dateModified\":\"2025-06-16T12:08:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/abexis.es\\\/index.php\\\/product\\\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\\\/#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\\\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\\\/#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\":\"CREACI\u00d3N, PROGRAMACI\u00d3N Y DISE\u00d1O DE P\u00c1GINAS WEB CON HTML5 Y CSS3\"}]},{\"@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":"CREACI\u00d3N, PROGRAMACI\u00d3N Y DISE\u00d1O DE P\u00c1GINAS WEB CON HTML5 Y CSS3 -","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\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/","og_locale":"es_ES","og_type":"article","og_title":"CREACI\u00d3N, PROGRAMACI\u00d3N Y DISE\u00d1O DE P\u00c1GINAS WEB CON HTML5 Y CSS3 -","og_description":"Dise\u00f1ar, crear, programar p\u00e1ginas WEB CONHTML5 y CSS3.","og_url":"https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/","og_site_name":"Formaliser","article_modified_time":"2025-06-16T12:08:32+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\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/","url":"https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/","name":"CREACI\u00d3N, PROGRAMACI\u00d3N Y DISE\u00d1O DE P\u00c1GINAS WEB CON HTML5 Y CSS3 -","isPartOf":{"@id":"https:\/\/abexis.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/#primaryimage"},"image":{"@id":"https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/#primaryimage"},"thumbnailUrl":"https:\/\/abexis.es\/wp-content\/uploads\/2025\/01\/INFORMATICA.png","datePublished":"2025-01-31T01:15:37+00:00","dateModified":"2025-06-16T12:08:32+00:00","breadcrumb":{"@id":"https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/abexis.es\/index.php\/product\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/#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\/creacion-programacion-y-diseno-de-paginas-web-con-html5-y-css3\/#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":"CREACI\u00d3N, PROGRAMACI\u00d3N Y DISE\u00d1O DE P\u00c1GINAS WEB CON HTML5 Y CSS3"}]},{"@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\/24285","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=24285"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/product_brand?post=24285"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/product_cat?post=24285"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/abexis.es\/index.php\/wp-json\/wp\/v2\/product_tag?post=24285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}