HTML5

OBJETIVOS

HTML5 es un nuevo concepto para la construcción de sitios web y aplicaciones que combina dispositivos móviles, computación en la nube y trabajos en red. Para ello hemos realizado un curso con las etiquetas de HTML5, con integración al lenguaje de estilos CSS. A lo largo de todo el curso, la estructura que se sigue es la misma (se explica la etiqueta de un apartado y se muestra el código fuente). Además, HTML5 propone continuos ejercicios prácticos que se plantean a lo largo de todo el temario, y que ayudarán al alumno/a a asimilar mejor este lenguaje.

CONTENIDO

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL LENGUAJE HTML5

1. Historia e introducción al lenguaje de programación web HTML5
2. Lenguaje de etiquetas
3. Estructura y definición de documento HTML
4. Definición del tipo de documento
5. Etiqueta DOCTYPE

UNIDAD DIDÁCTICA 2. ENCABEZADO DEL DOCUMENTO

1. Etiqueta HTML
2. Encabezado del documento
3. Etiqueta BASE
4. Etiqueta LINK
5. Etiqueta SCRIPT
6. Etiqueta NOSCRIPT

UNIDAD DIDÁCTICA 3. CUERPO DEL DOCUMENTO

1. Etiqueta BODY
2. Enlaces internos en el documento
3. Enlaces a documentos web externos relativos y absolutos
4. Enlaces a correo electrónico, ftp
5. Etiqueta B, EM y STRONG
6. Etiqueta CODE, SAMP y KBD
7. Etiqueta VAR, MARK y CITE
8. Etiqueta I, S, U y SMALL
9. Etiqueta SUB, SUP, BR y WBR
10. Etiqueta INS, DEL Y ABBR
11. Etiqueta ADDRESS, BDO y DFN
12. Etiqueta PRE, Q y BLOCKQUOTE
13. Etiqueta BDI, RUBI, RT, RP y DIALOG

UNIDAD DIDÁCTICA 4. ATRIBUTOS EN HTML5

1. Atributos Globales - accesskey, class y contenteditable
2. Atributos Globales - data, dir y draggable
3. Atributos Globales - hidden, id y lang
4. Atributos Globales - spellcheck, style y tabindex
5. Atributos Globales - title y h1-h6
6. Etiqueta IMG
7. Etiqueta TABLE
8. Definición de una tabla sencilla
9. Definición de una tabla con combinación de columnas
10. Definición de una tabla con combinación de filas
11. Definición de tabla con columnas y filas combinadas
12. Definición de tablas avanzadas

UNIDAD DIDÁCTICA 5. ESTRUCTURAS BÁSICAS

1. Etiqueta UL
2. Etiqueta OL
3. Etiqueta DL
4. Web semántica - Etiqueta DIV, SPAN y HEADER
5. Web semántica - Etiqueta NAV
6. Web semántica - Etiqueta SECTION y ARTICLE
7. Web semántica - Etiqueta ASIDE y FIGURE
8. Web semántica - Etiqueta FOOTER, TIME y DETAILS

UNIDAD DIDÁCTICA 6. AUDIO Y VÍDEO

1. Etiqueta AUDIO
2. Etiqueta VÍDEO
3. Etiqueta TRACK
4. Etiqueta EMBED
5. Etiqueta OBJECT

UNIDAD DIDÁCTICA 7. FORMULARIOS EN HTML

1. Etiqueta FORM
2. Etiqueta INPUT
3. Atributos - form, formaction y formenctype
4. Atributos - formmethod, formnovalidate y formtarget
5. Atributos - height, width y name
6. Atributos - readonly, required y placeholder
7. Atributos - value, size y maxlength
8. Atributos - src, max, min, step y multiple
9. Atributos - list y pattern
10. Atributos - type
11. Tipo checkbox, color y date
12. Tipo datetime y datetime-local, email y file
13. Tipo hidden, image y month y week
14. Tipo number, password, radio y reset
15. Tipo range y search
16. Tipo text, time y url
17. Etiqueta BUTTON, FIELDSET y LABEL
18. Etiqueta KEYGEN, METER y PROGRESS
19. Etiqueta OUTPUT y SELECT
20. Etiqueta TEXTAREA

UNIDAD DIDÁCTICA 8. MARCOS CONTENEDORES

1. Etiqueta IFRAME

UNIDAD DIDÁCTICA 9. ESTILOS CSS Y MODELOS DE CAJA

1. Elementos block
2. Estilos en línea
3. Archivos externos
4. Referencias
5. Aplicando CSS a una plantilla

UNIDAD DIDÁCTICA 10. CUESTIONARIO: CUESTIONARIO FINAL