Curso de Programación HTML 5

Objetivo General:

Desarrollar aplicaciones web con HTML5.

Contenidos:

1. Introduccion al lenguaje HTML 5.

1.1. Historia e introduccion al lenguaje de programación web HTML5.
1.2. Lenguaje de etiquetas.
1.3. Estructura y definicón de documentos HTML.
1.4. Definición del tipo de documento.
1.5. Etiqueta doctype.

2. Encabezado del documento.

2.1. Etiqueta html.
2.2. Encabezado del documento.
2.3. Etiqueta base.
2.4. Etiqueta link.
2.5. Etiqueta script.
2.6. Etiqueta noscript.

3. Cuerpo del documento.

3.1. Etiqueta body.
3.2. Enlaces internos en el documento.
3.3. Enlaces a documentos web externos relativos absolutos.
3.4. Enlaces a correo eléctronico, ftp.
3.5. Etqueta b, em y strong.
3.6. Etiqueta code, samp y kbd.
3.7. Etiqueta sub, sup, br y wbr.
3.8. Etiqueta ins, del y abbr.
3.9. Etiqueta address, bdo y dfn.
3.10. Etiqueta pre, q y blockquote.
3.11. Etiqueta bdi, rubi, rt, rp y dialog.

4. Atributos en HTML 5.

4.1. Atributos globales -accesskey, class y contenteditable.
4.2. Atributos globales -data, dir y draggable.
4.3. Atributos globales -hidden, id y lang.
4.4. Atributos globales -spellcheck, style y tabindex.
4.5. Atributos globales -title y h1-h6.
4.6. Atiqueta img.
4.7. Atiqueta table.
4.8. Definición de una tabla sencilla.
4.9. Definicion de una tabla con combinación de columnas.
4.10. Definicion de una tablas con combinación de filas.
4.11. Definición de tablas con columnas y filas combinadas.
4.12. Definición de tablas avanzadas.

5. Estructuras básicas.

5.1. Etiqueta ul.
5.2. Etiqueta ol.
5.3. Etiqueta dl.
5.4. Web semántica -etiqueta div, span y header.
5.5. Web semántica -etiqueta nav.
5.6. Web semántica -etiqueta section y article.
5.7. Web semántica -etiqueta aside y figure.
5.8. Web semántica -etiqueta footer, time y details.

6. Audio y video.

6.1. Etiqueta audio.
6.2. Etiqueta video.
6.3. Etiqueta track.
6.4. Etiqueta embed.
6.5. Etiqueta object.

7. Formulario en HMTL.

7.1. Etiqueta form.
7.2. Etiqueta input.
7.3. Atributos -form, formaction y formenctype.
7.4. Atributos-formmethod, formnovalidate y formtarget.
7.5. Atibutos -height, width y name.
7.6. Atributos -readonly, required y placeholder.
7.7. Atributos -value, size y maxlength.
7.8. Atributos -src, max, min, step y multiple.
7.9. Atributos-list y pattern.
7.10 Atributos -type.
7.11. Tipo checkbox, color y date.
7.12. Tipo datetime y datetime-local, email y file.
7.13. Tipo hidden, image y monyh y week.
7.14. Tipo number, password, radio y reset.
7.15. Tipo range y search.
7.16. Tipo text, time y url.
7.17. Etiqueta button, fieldset y label.
7.18. Etiqueta keygen, meter y progress.
7.19. Etiqueta output y select.
7.20. Etiqueta textarea.

8. Marcos contenedores.

8.1. Etiqueta iframe.

9. Estilo CSS y modelos de caja.

9.1. Elementos block.
9.2. Estilos en linea.
9.3. Archivos externos.
9.4. Referencias.
9.5. Aplicando css a una plantilla.