PROGRAMA FORMATIVO DE LA ESPECIALIDAD FORMATIVA - PROGRAMACION HTML 5

DATOS GENERALES DE LA ESPECIALIDAD FORMATIVA

Familia Profesional INFORMÁTICA Y COMUNICACIONES Área Profesional: SISTEMAS Y TELEMÁTICA Denominación: PROGRAMACION HTML 5 Código: IFCT088PO Objetivo General: Desarrollar aplicaciones web con HTML5. Duración: 60 Modalidad: Indistinta

CONTENIDOS FORMATIVOS:

1. INTRODUCCION AL LENGUAJE HTML 5. 1.1. Historia e introduccion al lenguaje de programación web html 5. 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. Etiqueta img. 4.7. Etiqueta 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.1. ESTILO CSS Y MODELOS DE CAJA. 9.2. Elementos block. 9.3. Estilos en linea. 9.4. Archivos externos. 9.5. Referencias. 9.6. Aplicando css a una plantilla.