Programación Web HTML

1 Introducción al HTML

¿Qué es una página web?

¿Qué es HTML?

Porqué aprender HTML

Base del lenguaje: las etiquetas HTML

Estructura de un documento HTML

Como escribir y visualizar documentos en HTML – Practica tú mismo

Comentarios en HTML – Practica tú mismo

Los colores en la web

Recomendaciones antes de empezar – Practica tú mismo

Cuestionario

2 Formatos de página

Atributos de la etiqueta: Fondos – Practica tú mismo

Atributos de la etiqueta: Márgenes

Atributos de la etiqueta: Textos – Practica tú mismo

Cuestionario

3 Formatos de texto

Efectos – Practica tú mismo

Atributos de fuente

Formatos de títulos

Formatos de párrafo -Practica tú mismo

Cuestionario

4 Imágenes

Insertar imágenes

Alineación de la imagen

Dimensiones de una imagen – Practica tú mismo

Cuestionario

5 Hipervínculos

Hipervínculos

La etiqueta A – Practica tú mismo

Marcadores

Enlaces a direcciones de correo o archivos – Practica tú mismo

Mapas de imagen – Practica tú mismo

Cuestionario

6 Creación de listas

Listas desordenadas – Practica tú mismo

Listas ordenadas – Practica tú mismo

Listas de definición – Practica tú mismo

Cuestionario

7 Creación de tablas

Estructura de las tablas

Atributos de las etiquetas

Practica tú mismo

Practica tú mismo

Cuestionario

8 Frames

¿Qué son los frames?

El documento de definición de marcos

Atributos de la etiqueta FRAME – Practica tú mismo

El atributo Target – Practica tú mismo

Cuestionario

9 Formularios

Estructura de un formulario

Elementos de un formulario

Elementos de un formulario II

Elementos de un formulario  III

Practica tú mismo

Cuestionario

10 Elementos accesorios

Separadores – Practica tú mismo

Marquesinas – Practica tú mismo

Cuestionario

11 Ejercicio final de HTML

Ejercicio Final de HTML

12 Introducción a DHTML

Introducción

Hojas de estilo en cascada (CSS)

Cuestionario

13 Hojas de estilo internas

Atributo Style – Practica tú mismo

La etiqueta Span – Practica tú mismo

Cuestionario

14 Hojas a nivel de documento

Estructura de la etiqueta Style

Definición de estilos en la etiqueta style – Practica tú mismo

Cuestionario

15 Hojas de estilo externas

Introducción

Vincular hojas de estilo a documentos HTML – Practica tú mismo

Cuestionario

16 Herencia de estilos

Jerarquía de los estilos

Cuestionario

17 Discriminación de estilos

Estilos en función del contexto – Practica tú mismo

Clases

Definición de clases – Practica tú mismo

La etiqueta DIV – Practica tú mismo

Cuestionario

18 Capas

Introducción a las capas

Etiqueta Div

Atributos de la etiqueta DIV – Practica tú mismo

Cuestionario

19 Otras utilidades

Aspecto del cursor

Barra de desplazamiento – Practica tú mismo

Propiedades de los vínculos – Practica tú mismo

Letra capital – Practica tú mismo

Cuestionario

20 Ejercicio final de DHTML

Ejercicio final

– Crear desde páginas web básicas hasta páginas web más dinámicas y complejas, con formularios, tablas, frames, etc., de alto nivel en programación web.
– Organizar y gestionar estructuras complejas de datos, listas y control de flujo, realizar scripts complejos mediante clases y objetos. Hojas de estilo en la programación web. HTML dinámico (DHTML).
– Manejar sesiones y autentificación de usuarios de cara al comercio electrónico.

Profesionales de cualquier sector de las Tecnologías de la Información, interesados en aprender programación en el lado del servidor para el desarrollo de sitios webs orientados especialmente al comercio electrónico.

Descripción

1 Introducción al HTML

¿Qué es una página web?

¿Qué es HTML?

Porqué aprender HTML

Base del lenguaje: las etiquetas HTML

Estructura de un documento HTML

Como escribir y visualizar documentos en HTML – Practica tú mismo

Comentarios en HTML – Practica tú mismo

Los colores en la web

Recomendaciones antes de empezar – Practica tú mismo

Cuestionario

2 Formatos de página

Atributos de la etiqueta: Fondos – Practica tú mismo

Atributos de la etiqueta: Márgenes

Atributos de la etiqueta: Textos – Practica tú mismo

Cuestionario

3 Formatos de texto

Efectos – Practica tú mismo

Atributos de fuente

Formatos de títulos

Formatos de párrafo -Practica tú mismo

Cuestionario

4 Imágenes

Insertar imágenes

Alineación de la imagen

Dimensiones de una imagen – Practica tú mismo

Cuestionario

5 Hipervínculos

Hipervínculos

La etiqueta A – Practica tú mismo

Marcadores

Enlaces a direcciones de correo o archivos – Practica tú mismo

Mapas de imagen – Practica tú mismo

Cuestionario

6 Creación de listas

Listas desordenadas – Practica tú mismo

Listas ordenadas – Practica tú mismo

Listas de definición – Practica tú mismo

Cuestionario

7 Creación de tablas

Estructura de las tablas

Atributos de las etiquetas

Practica tú mismo

Practica tú mismo

Cuestionario

8 Frames

¿Qué son los frames?

El documento de definición de marcos

Atributos de la etiqueta FRAME – Practica tú mismo

El atributo Target – Practica tú mismo

Cuestionario

9 Formularios

Estructura de un formulario

Elementos de un formulario

Elementos de un formulario II

Elementos de un formulario  III

Practica tú mismo

Cuestionario

10 Elementos accesorios

Separadores – Practica tú mismo

Marquesinas – Practica tú mismo

Cuestionario

11 Ejercicio final de HTML

Ejercicio Final de HTML

12 Introducción a DHTML

Introducción

Hojas de estilo en cascada (CSS)

Cuestionario

13 Hojas de estilo internas

Atributo Style – Practica tú mismo

La etiqueta Span – Practica tú mismo

Cuestionario

14 Hojas a nivel de documento

Estructura de la etiqueta Style

Definición de estilos en la etiqueta style – Practica tú mismo

Cuestionario

15 Hojas de estilo externas

Introducción

Vincular hojas de estilo a documentos HTML – Practica tú mismo

Cuestionario

16 Herencia de estilos

Jerarquía de los estilos

Cuestionario

17 Discriminación de estilos

Estilos en función del contexto – Practica tú mismo

Clases

Definición de clases – Practica tú mismo

La etiqueta DIV – Practica tú mismo

Cuestionario

18 Capas

Introducción a las capas

Etiqueta Div

Atributos de la etiqueta DIV – Practica tú mismo

Cuestionario

19 Otras utilidades

Aspecto del cursor

Barra de desplazamiento – Practica tú mismo

Propiedades de los vínculos – Practica tú mismo

Letra capital – Practica tú mismo

Cuestionario

20 Ejercicio final de DHTML

Ejercicio final

Información adicional