Curso HTML5

Presentación

Este curso proporciona una introducción al lenguaje HTML y sirve como punto de partida para el diseño y desarrollo de aplicaciones Web. Así mismo brinda capacidad al estudiante de tomar las ventajas de esta tecnología y aplicarlas al diseño de sitios Web.

A quien va dirigidoEste 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. También 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.

Específicos:

Identificar los principales elementos de la estructura de una página HTML5 Conocer los fundamentos y propósito de las hojas de estilo en cascada (CSS) Identificar los principales elementos de HTML Incorporar código JavaScript en las páginas Web Incorporar características multimedia en las páginas Web Identificar el estado actual de HTML5 Conocer algunas de las herramientas disponibles para crear código HTML

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

DuraciónEste curso está diseñado para impartirse en 4 semanas en el formato en línea de aula virtual. El tiempo promedio de estudio por día es de 30 a 60 minutos.

 ContenidoUnidad 1: Conociendo HTML5

Lección 1: ¿Qué es HTML?o El lenguaje de la Webo Como procesan las paginas los Exploradores Webo La última versión HTML5

Lección 2: Creando la primera página Webo Sintaxis HTML5o Entendiendo la estructura básica de una páginao Navegando por páginas Web

Unidad 2: Hojas de estilos en páginas web

Lección 1: ¿Qué es CSS?o Entendiendo CSS (Cascading Style Sheets)o Conceptos clave de CSSo Trabajando con CSSo Trabajando con Selectores

Lección 2: Realizando pruebas de CSSo Validando CSSo Probando CSS en el explorador Web

Unidad 3: Tareas básicas de HTML

Lección 1: Agregando Textoo Trabajando con párrafoso Agregando encabezadoso Aplicando caracteres especiales

Lección 2: Agregando estilo con CSSo Seleccionando Tipos de letrao Estableciendo tamaño del textoo Seleccionando el color del textoo Alineando y enfatizando texto

Lección 3: Creando enlaces a contenidoo Agregando enlaces a otras páginaso Agregando enlaces a secciones de una páginao Aplicando estilos a los estados de los enlaceso Trabajando con enlaces a documentos y correo electrónico

Lección 4: Validando páginaso Trabajando con la declaraciónHTML5 <!DOCTYPE>o Utilizando el validador W3C

Unidad 4: Imágenes en HTML5

· Lección 1: Trabajando con imágeneso Entendiendo el uso de las imágenes Webo Insertando imágeneso Utilizando enlaces con imágeneso Alineando imágeneso Agregando imágenes de fondo

· Lección 2: Utilizando mapas de imágeneso Creando un mapa de imagen (Image Map)

· Lección 3: Agregando reglas horizontaleso Separando secciones de las páginaso Configurando el tamaño y el estilo de las reglas

Unidad 5: Listas en HTML5

· Lección 1: Insertando listas no ordenadaso Trabajando con viñetaso Anidando listas no ordenadaso Modificando la apariencia de la lista

· Lección 2: Trabajando con listas ordenadaso Creando listas enumeradaso Expandiendo un esquemao Combinando listas ordenadas y no ordenadas

· Lección 3: Extendiendo listaso Entendiendo las barras de navegación de un sitio Webo Trabajando con listas de navegacióno Utilizando definición de listas y la etiqueta <dialog>

Unidad 6: Estructurando Tablas en HTML5

· Lección 1: Construyendo una simple Tablao Entendiendo las tablas HTMLo Trabajando con renglones y columnas

· Lección 2: Agregando estilos a Tablaso Creando espacios en blanco en las tablaso Alineando tablaso Trabajando con bordeso Modificando colores de la tabla

· Lección 3: Creando tablas más accesibleso Insertando títuloso Incorporando detalle y resumen

Unidad 7: Construyendo Formularios

· Lección 1: Creando un formularioo Entendiendo los formularioso Utilizando campos Text y Textareao Trabajando con Radio Buttonso Trabajando con controles CheckBoxo Implementando Listas de seleccióno Utilizando controles Hiddeno Insertando controles Button

· Lección 2: Mejorando formularioso Aplicando etiquetas <fieldset> y <legend>o Utilizando tablas para estructurar un formularioo Estilizando formularios con CSS

Unidad 8: Mejorando HTML con JavaScript

· Lección 1: Agregando JavaScripto Entendiendo JavaScripto Integrando código JavaScripto Realizando pruebas del código JavaScript

· Lección 2: Incorporando código JavaScripto Estableciendo enlaces a archivos externoso Incorporando Frameworks JavaScript

Unidad 9: Agregando Audio y Video

· Lección 1: Trabajando con Plug-Inso Entendiendo los Plug-Inso Insertando archivos SWFo Insertando objetos Silverlight

· Lección 2: Insertando Audioo Utilizando audio compatible para la Webo Enlaces a archivos MP3o Incrustando audio con Plug-Inso Incorporando Audio con HTML5

· Lección 3: Insertando Videoo Trabajando con tipos de Videoo Agregando un reproductor de videoo Integrando video sin un Plug-In

Unidad 10: Los siguientes pasos con HTML5

· Lección 1: Lo que viene de HTML5o HTML5 Hoyo ¿Que funciona actualmente?o ¿Qué no funciona actualmente?

· Lección 2: Mejorando la estructura de una páginao Entendiendo las estructuras actualeso Trabajando con las nuevas semánticas HTML5

· Lección 3: Integrando elementos avanzados de diseñoo Expandiendo las posibilidades de los tipos de letraso Diseñando para distintos dispositivoso Pintando con <canvas>

· Actividades

Actividad 1: ¿Qué es HTML?En esta actividad aplicarás formato a un documento de texto simple y aprenderás a examinar el código fuente de cualquier página Web.

Actividad 2: Creando la primera página WebEn esta actividad aplicarás lo aprendido en la lección “Creando la primera página Web” para crear tu primera página Web HTML5.

Actividad 3: Trabajando con texto, enlaces y estilos En esta actividad aplicarás lo aprendido en las secciones “Estilos en páginas Web” y “Tareas básicas de HTML” para crear una sitio Web personal.

Actividad 4: Utilizando listas En esta actividad aplicarás lo aprendido en el módulo “Utilizando listas” para crear un sitio Web personal.

Actividad 5: Estructurando Tablas En esta actividad aplicarás lo aprendido en el módulo “Estructurando Tablas” para crear un sitio Web personal.

Actividad 6: Construyendo Formularios En esta actividad aplicarás lo aprendido en el módulo “Construyendo Formularios” para crear un sitio Web personal.

Actividad 7: Mejorando HTML con JavaScriptEn esta actividad aplicarás lo aprendido en el módulo “Mejorando HTML con JavaScript” para crear un sitio Web personal.

Actividad 8: Agregando Audio y Video En esta actividad aplicarás lo aprendido en el módulo “Agregando Audio y Video” para crear un sitio Web personal.

Actividad final En esta actividad organizarás cada una de las actividades que has venido realizando hasta el módulo 10 para crear un sitio Web personalizado.

Bibliografía

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