{"id":47,"date":"2012-01-25T01:57:10","date_gmt":"2012-01-25T01:57:10","guid":{"rendered":"https:\/\/diocesanos.es\/blogs\/equipotic\/?p=47"},"modified":"2014-05-02T21:46:53","modified_gmt":"2014-05-02T21:46:53","slug":"tutorial-de-html5-y-css-de-microsoft","status":"publish","type":"post","link":"https:\/\/diocesanos.es\/blogs\/equipotic\/2012\/01\/25\/tutorial-de-html5-y-css-de-microsoft\/","title":{"rendered":"Tutorial de HTML5 y CSS de Microsoft"},"content":{"rendered":"

Lecci\u00f3n 1: Definici\u00f3n de HTML5<\/span><\/a><\/h2>\n

Objetivos:<\/em><\/strong>\"\"En esta lecci\u00f3n los estudiantes aprenden las funcionalidades y caracter\u00edsticas que forman parte de la especificaci\u00f3n HTML5 y las tecnolog\u00edas que involucran. Tambi\u00e9n podr\u00e1n aprender la diferencia entre la sintaxis de HMTL5 y la de HTML4 y\/o XHTML 1.0. Por otra parte, al finalizar esta lecci\u00f3n los estudiantes podr\u00e1n identificar las principales caracter\u00edsticas de HTML5, como los nuevos elementos HTML5, elementos multimedia, el elemento Canvas, formularios web, etc. Otro objetivo es que los estudiantes puedan distinguir entre funcionalidades que t\u00e9cnicamente forman parte de la especificaci\u00f3n de HTML5 y otras que se consideran tecnolog\u00edas relacionadas, como la Geolocalizaci\u00f3n, Arrastrar y Soltar y CSS3.<\/em><\/p>\n

Lecci\u00f3n 2: Conceptos b\u00e1sicos de HTML, XHTML y CSS<\/span><\/a><\/h2>\n

Objetivos:<\/em><\/strong>\"\"En esta lecci\u00f3n los estudiantes aprenden los conceptos b\u00e1sicos de HTML, XHTML y CSS, necesarios para saber crear la estructura y estilo de sus p\u00e1ginas web. Aprenden c\u00f3mo se utilizan los tipos de documento (DOCTYPE) para ayudarles a validar sus p\u00e1ginas web y utilizarlos como herramienta de resoluci\u00f3n de errores. En esta lecci\u00f3n, los estudiantes crean una p\u00e1gina web sencilla que les sirve para saber c\u00f3mo se insertan im\u00e1genes, c\u00f3mo se crean enlaces y c\u00f3mo pueden trabajar con hojas de estilos tanto internas como externas.<\/em><\/p>\n

Lecci\u00f3n 3: Introducci\u00f3n a la presentaci\u00f3n en pantalla con CSS<\/span><\/a><\/h2>\n

Objetivos:<\/em><\/strong>\"\"En esta lecci\u00f3n los estudiantes aprenden los conceptos b\u00e1sicos de presentaci\u00f3n de elementos en pantalla con CSS, incluyendo una estructura visual de dos columnas con ancho fijo, utilizando HTML y CSS. Aprenden la funci\u00f3n de un archivo de \u00abreset\u00bb CSS y c\u00f3mo se a\u00f1ade a la p\u00e1gina Web. Esta lecci\u00f3n incluye el uso del elemento <div> y las propiedades float y clear de CSS para crear columnas en la p\u00e1gina.<\/em><\/p>\n

Lecci\u00f3n 4: Uso de las etiquetas HTML5<\/span><\/a><\/h2>\n

Objetivos:<\/em><\/strong>\"\"En esta lecci\u00f3n los estudiantes aprenden a utilizar los nuevos elementos HTML5 para lograr presentaciones en pantalla m\u00e1s avanzadas. Se revisan aqu\u00ed los principales elementos de divisi\u00f3n en secciones y tambi\u00e9n se repasan las etiquetas de HTML4 que han sido objeto de actualizaci\u00f3n en HTML5. Los estudiantes aprenden a convertir una p\u00e1gina existente que emplea elementos HTML4 en una p\u00e1gina HTML5 sustituyendo elementos <div> por otros nuevos elementos HTML5. Adem\u00e1s, en esta lecci\u00f3n se aprende a trabajar con elementos de formulario HTML5 y a a\u00f1adir contenidos multimedia con los elementos <video> y <audio>.<\/em><\/p>\n

Lecci\u00f3n 6: funciones Drag y Drop de HTML5<\/span><\/a><\/h2>\n

Objetivos:<\/em><\/strong>\"\"En esta lecci\u00f3n se ense\u00f1a el uso de Drag and Drop, un API relacionada con la especificaci\u00f3n HTML5. Concretamente, los estudiantes aprenden a crear una interfaz de carrito de la compra sencilla arrastrando y soltando objetos en pantalla.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Lecci\u00f3n 1: Definici\u00f3n de HTML5 Objetivos:En esta lecci\u00f3n los estudiantes aprenden las funcionalidades y caracter\u00edsticas que forman parte de la especificaci\u00f3n HTML5 y las tecnolog\u00edas que involucran. Tambi\u00e9n podr\u00e1n aprender la diferencia entre la sintaxis de HMTL5 y la de HTML4 y\/o XHTML 1.0. Por otra parte, al finalizar esta lecci\u00f3n los estudiantes podr\u00e1n identificar … Seguir leyendo Tutorial de HTML5 y CSS de Microsoft<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,6],"tags":[17,8,7],"class_list":["post-47","post","type-post","status-publish","format-standard","hentry","category-documentacion","category-practicas","tag-formacion","tag-practicas-2","tag-web"],"_links":{"self":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":0,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"wp:attachment":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}