Descripción del curso
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.
PROGRAMA CONTENIDOS
1 Introducción al lenguaje HTML5
- Historia e introducción al lenguaje de programación web HTML5
- Lenguaje de etiquetas
- Estructura y definición de documento HTML
- Definición del tipo de documento
- Etiqueta DOCTYPE
- Cuestionario: Introducción al lenguaje HTML5
2 Encabezado del documento
- Etiqueta HTML
- Encabezado del documento
- Etiquetas: BASE, LINK SCRIPT y NOSCRIPT
- Cuestionario: Encabezado del documento
3 Cuerpo del documento
- Etiqueta BODY
- Enlaces internos en el documento / Enlaces a documentos web externos relativos y absolutos / Enlaces a correo electrónico, ftp
- Etiqueta(I) B, EM y STRONG
- Etiqueta(II) CODE, SAMP y KBD
- Etiqueta(III) VAR, MARK y CITE
- Etiqueta(IV) I, S, U y SMALL
- Etiqueta(V) SUB, SUP, BR y WBR
- Etiqueta(VI) INS, DEL Y ABBR
- Etiqueta(VII) ADDRESS, BDO y DFN
- Etiqueta(VIII) PRE, Q y BLOCKQUOTE
- Etiqueta(IX) BDI, RUBI, RT, RP y DIALOG
- Cuestionario: Cuerpo del documento
4 Atributos en HTML5
- Atributos Globales - accesskey, class y contenteditable // data, dir y draggable // hidden, id y lang // spellcheck, style y tabindex // title y h1-h6
- Etiqueta IMG, Etiqueta TABLE
- Definición de una tabla sencilla, de una tabla con combinación de columnas, de una tabla con combinación de filas, de tabla con columnas y filas combinadas, de tablas avanzadas
- Cuestionario: Atributos en HTML5
5 Estructuras básicas
- Etiquetas UL / OL / DL
- Web semántica
- Etiquetas DIV, SPAN y HEADER
- Etiqueta NAV
- Etiquetas SECTION y ARTICLE
- Etiqueta ASIDE y FIGURE
- Etiquetas FOOTER, TIME y DETAILS
- Cuestionario: Estructuras básicas
6 Audio y video
- Etiquetas: AUDIO / VIDEO / TRACK / EMBED / OBJECT
- Cuestionario: Audio y video
7 Formularios en HTML
- Etiqueta FORM y Etiqueta INPUT
- Atributos(I) - form, formaction y formenctype
- Atributos(II) - formmethod, formnovalidate y formtarget
- Atributos(III) - height, width y name
- Atributos(IV) - readonly, required y placeholder
- Atributos(V) - value, size y maxlength
- Atributos(VI) - src, max, min, step y multiple
- Atributos(VII) - list y pattern
- Atributos(VIII) - type
- Tipo checkbox, color y date / datetime y datetime-local, email y file / hidden, image y month y week / number, password, radio y reset / range y search / text, time y url
- Etiqueta(I) BUTTON, FIELDSET y LABEL
- Etiqueta(II) KEYGEN, METER y PROGRESS
- Etiqueta(III) OUTPUT y SELECT
- Etiqueta(IV) TEXTAREA
- Cuestionario: Formularios en HTML
8 Marcos contenedores
- Etiqueta IFRAME
- Cuestionario: Marcos contenedores
9 Estilos CSS y modelos de caja
- Elementos block
- Estilos en línea
- Archivos externos
- Referencias
- Aplicando CSS a una plantilla
- Cuestionario: Estilos CSS y modelos de caja
10 Cuestionario final
FORMACIÓN ONE-TO-ONE (1 profesor – 1 alumno)
Elige la modalidad ONE-TO-ONE si necesitas personalizar el contenido de un curso y te interesa hacerlo a medida de tu nivel, a tu ritmo y según tu disponibilidad, con un profesor para ti solo
