Curso HTML5

Presentacin
Este curso proporciona una introduccin al lenguaje HTML y sirve como punto de partida para el diseo y desarrollo de aplicaciones Web. As mismo brinda capacidad al estudiante de tomar las ventajas de esta tecnologa y aplicarlas al diseo de sitios Web.

A quien va dirigido
Este curso est dirigido a personas sin experiencia en HTML, CSS o JavaScript y que desean conocer el lenguaje HTML, CSS y JavaScript para empezar a desarrollar aplicaciones Web. Tambin est dirigido a aquellas personas con conocimientos en HTML, CSS o JavaScript y que deseen conocer algunas de las novedades de HTML5.

Objetivos
General: Aprender desde cero a crear sitios y aplicaciones en HTML5. Especficos:

Identificar los principales elementos de la estructura de una pgina HTML5 Conocer los fundamentos y propsito de las hojas de estilo en cascada (CSS) Identificar los principales elementos de HTML Incorporar cdigo JavaScript en las pginas Web Incorporar caractersticas multimedia en las pginas Web Identificar el estado actual de HTML5 Conocer algunas de las herramientas disponibles para crear cdigo HTML

Requerimientos
Para un mejor aprovechamiento de este curso, se recomienda que el participante tenga conocimientos sobre las principales tecnologas disponibles en Internet, esto incluye pero no est limitado a los servicios WWW, Correo electrnico, Blogs, Wikis, Foros y Redes Sociales como Twitter y Facebook.

Duracin
Este curso est diseado para impartirse en 4 semanas en el formato en lnea de aula virtual. El tiempo promedio de estudio por da es de 30 a 60 minutos.

Contenido
Unidad 1: Conociendo HTML5 Leccin 1: Qu es HTML? o El lenguaje de la Web o Como procesan las paginas los Exploradores Web o La ltima versin HTML5 Leccin 2: Creando la primera pgina Web o Sintaxis HTML5 o Entendiendo la estructura bsica de una pgina o Navegando por pginas Web Unidad 2: Hojas de estilos en pginas web Leccin 1: Qu es CSS? o Entendiendo CSS (Cascading Style Sheets) o Conceptos clave de CSS o Trabajando con CSS o Trabajando con Selectores Leccin 2: Realizando pruebas de CSS o Validando CSS o Probando CSS en el explorador Web Unidad 3: Tareas bsicas de HTML Leccin 1: Agregando Texto o Trabajando con prrafos o Agregando encabezados o Aplicando caracteres especiales Leccin 2: Agregando estilo con CSS o Seleccionando Tipos de letra o Estableciendo tamao del texto o Seleccionando el color del texto o Alineando y enfatizando texto Leccin 3: Creando enlaces a contenido o Agregando enlaces a otras pginas o Agregando enlaces a secciones de una pgina o Aplicando estilos a los estados de los enlaces o Trabajando con enlaces a documentos y correo electrnico Leccin 4: Validando pginas o Trabajando con la declaracinHTML5 <!DOCTYPE> o Utilizando el validador W3C

Unidad 4: Imgenes en HTML5 Leccin 1: Trabajando con imgenes o Entendiendo el uso de las imgenes Web o Insertando imgenes o Utilizando enlaces con imgenes o Alineando imgenes o Agregando imgenes de fondo Leccin 2: Utilizando mapas de imgenes o Creando un mapa de imagen (Image Map) Leccin 3: Agregando reglas horizontales o Separando secciones de las pginas o Configurando el tamao y el estilo de las reglas

Unidad 5: Listas en HTML5 Leccin 1: Insertando listas no ordenadas o Trabajando con vietas o Anidando listas no ordenadas o Modificando la apariencia de la lista Leccin 2: Trabajando con listas ordenadas o Creando listas enumeradas o Expandiendo un esquema o Combinando listas ordenadas y no ordenadas Leccin 3: Extendiendo listas o Entendiendo las barras de navegacin de un sitio Web o Trabajando con listas de navegacin o Utilizando definicin de listas y la etiqueta <dialog>

Unidad 6: Estructurando Tablas en HTML5 Leccin 1: Construyendo una simple Tabla o Entendiendo las tablas HTML o Trabajando con renglones y columnas Leccin 2: Agregando estilos a Tablas o Creando espacios en blanco en las tablas o Alineando tablas o Trabajando con bordes o Modificando colores de la tabla Leccin 3: Creando tablas ms accesibles o Insertando ttulos o Incorporando detalle y resumen

Unidad 7: Construyendo Formularios Leccin 1: Creando un formulario o Entendiendo los formularios o Utilizando campos Text y Textarea o Trabajando con Radio Buttons o Trabajando con controles CheckBox o Implementando Listas de seleccin o Utilizando controles Hidden o Insertando controles Button Leccin 2: Mejorando formularios o Aplicando etiquetas <fieldset> y <legend> o Utilizando tablas para estructurar un formulario o Estilizando formularios con CSS Unidad 8: Mejorando HTML con JavaScript Leccin 1: Agregando JavaScript o Entendiendo JavaScript o Integrando cdigo JavaScript o Realizando pruebas del cdigo JavaScript Leccin 2: Incorporando cdigo JavaScript o Estableciendo enlaces a archivos externos o Incorporando Frameworks JavaScript

Unidad 9: Agregando Audio y Video Leccin 1: Trabajando con Plug-Ins o Entendiendo los Plug-Ins o Insertando archivos SWF o Insertando objetos Silverlight Leccin 2: Insertando Audio o Utilizando audio compatible para la Web o Enlaces a archivos MP3 o Incrustando audio con Plug-Ins o Incorporando Audio con HTML5 Leccin 3: Insertando Video o Trabajando con tipos de Video o Agregando un reproductor de video o Integrando video sin un Plug-In

Unidad 10: Los siguientes pasos con HTML5 Leccin 1: Lo que viene de HTML5 o HTML5 Hoy o Que funciona actualmente? o Qu no funciona actualmente? Leccin 2: Mejorando la estructura de una pgina o Entendiendo las estructuras actuales o Trabajando con las nuevas semnticas HTML5 Leccin 3: Integrando elementos avanzados de diseo o Expandiendo las posibilidades de los tipos de letras o Diseando para distintos dispositivos o Pintando con <canvas>

Actividades
Actividad 1: Qu es HTML? En esta actividad aplicars formato a un documento de texto simple y aprenders a examinar el cdigo fuente de cualquier pgina Web. Actividad 2: Creando la primera pgina Web En esta actividad aplicars lo aprendido en la leccin Creando la primera pgina Web para crear tu primera pgina Web HTML5. Actividad 3: Trabajando con texto, enlaces y estilos En esta actividad aplicars lo aprendido en las secciones Estilos en pginas Web y Tareas bsicas de HTML para crear una sitio Web personal. Actividad 4: Utilizando listas En esta actividad aplicars lo aprendido en el mdulo Utilizando listas para crear un sitio Web personal. Actividad 5: Estructurando Tablas En esta actividad aplicars lo aprendido en el mdulo Estructurando Tablas para crear un sitio Web personal. Actividad 6: Construyendo Formularios En esta actividad aplicars lo aprendido en el mdulo Construyendo Formularios para crear un sitio Web personal. Actividad 7: Mejorando HTML con JavaScript En esta actividad aplicars lo aprendido en el mdulo Mejorando HTML con JavaScript para crear un sitio Web personal. Actividad 8: Agregando Audio y Video En esta actividad aplicars lo aprendido en el mdulo Agregando Audio y Video para crear un sitio Web personal.

Actividad final En esta actividad organizars cada una de las actividades que has venido realizando hasta el mdulo 10 para crear un sitio Web personalizado.

Bibliografa
http://html5demos.com/ http://www.w3schools.com/html5/default.asp http://www.desarrolloweb.com/articulos/que-es-html5.html http://theproc.es/files/5321