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
- 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
- Etiqueta HTML
- Encabezado del documento
- Etiquetas: BASE, LINK SCRIPT y NOSCRIPT
- Cuestionario: Encabezado 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
- 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
- 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
- Etiquetas: AUDIO / VIDEO / TRACK / EMBED / OBJECT
- Cuestionario: Audio y video
- 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
- Etiqueta IFRAME
- Cuestionario: Marcos contenedores
- Elementos block
- Estilos en línea
- Archivos externos
- Referencias
- Aplicando CSS a una plantilla
- Cuestionario: Estilos CSS y modelos de caja
Descripción del curso
HTML 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 avanzado con las etiquetas de HTML, 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
- Etiquetas AUDIO / VIDEO / TRACK / EMBED / OBJECT
- Cuestionario: Audio y video
- ETIQUETAS FORM / INMPUT
- 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 BUTTON, FIELDSET y LABEL // KEYGEN, METER y PROGRESS // OUTPUT y SELECT // TEXTAREA
- Cuestionario: Formularios en HTML
- Etiqueta IFRAME
- Cuestionario: Marcos contenedores
- Elementos block
- Estilos en línea
- Archivos externos
- Referencias
- Aplicando CSS a una plantilla
- Cuestionarios: Estilos CSS y modelos de caja, cuestionario final
Descripción del curso
HTML 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 avanzado con las etiquetas de HTML, 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
- 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
- Etiqueta HTML
- Encabezado del documento
- Etiquetas: BASE, LINK SCRIPT y NOSCRIPT
- Cuestionario: Encabezado 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
- 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
- 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
