Diseño Y Desarrollo Web Con HTML 5 Y CSS 3

01.   INTRODUCCIÓN

1.       Internet y las páginas Web

¿Qué es internet?

Las páginas Web y la World Wide Web (WWW)

Funcionamiento y navegación

El lenguaje HTML

Las Hojas de estilo CSS

¿Qué hace falta para realizar una página Web?

2.       Navegadores

Introducción

Navegadores para la WWW

3.       Ubicación, tipo y contenido de las páginas Web

El Servidor

Clasificación de las páginas Web

Contenido y recursos en la creación de una página Web

02.   HTML

1.       El lenguaje HTML

Introducción

HTML

1.       Elementos y estructura básica

Introducción

Creación de un documento html

Elementos

Estructura básica

2.       Directivas de texto

Introducción

Saltos de línea y espacios en blanco

Párrafos

Secciones

Cabeceras

Separadores

Bloque de texto preformateado

Diálogos

Destacar texto

Listas

Marcadores de texto

Novedad y tachado

3.       Enlaces

Introducción

Enlaces locales

Enlaces internos a un documento

Enlaces externos

Enlaces a direcciones de correo

Enlaces hacia archivos

El atributo target y otros

4.       Tablas

Introducción

Tablas básicas

Tablas avanzadas

Agrupaciones de filas y columnas

Aplicaciones de las tablas

5.       Imágenes

Introducción

Formatos

Insertar imágenes en HTML

Mapas de imágenes

La directiva FIGURE

6.       Formularios

Introducción

La directiva FORM y sus atributos

Elementos de formulario. La directiva INPUT

Otros elementos

Formato

7.       Audio, vídeo y otros objetos multimedia

Introducción

Los objetos multimedia

Multimedia en HTML 5

Marcos flotantes o iframes

Elementos interactivos en HTML 5

03.   CSS

1.       Introducción a las hojas de estilo CSS

Introducción

Historia

Funcionamiento básico

Comentarios

2.       Selectores

Introducción

Tipos de selectores

3.       Unidades de medida y colores

Unidades de medida

Colores

4.       Propiedades Básicas

Introducción

Propiedades de fuentes de letra

Propiedades asociadas a colores y fondos

Propiedades asociadas al texto

5.       Modelo de cajas

Introducción

Estructura y propiedades

6.       Posicionamiento

Introducción

Propiedades y tipos de posicionamiento

Visualización

7.       Estilos para listas y tablas

Listas

Tablas

04.   CSS 3

1.       Introducción

Sombras

Opacidad

Esquinas redondeadas

Nuevos selectores, pseudo-elementos y pseudo-clases

05.   CONSIDERACIONES FINALES

1.       Publicar un sitio Web

Introducción

Subir la página a un servidor

Dar de alta en buscadores

2.       Mejorar una página Web con JavaScript

Introducción

Insertar JavaScript en documentos HTML

Aplicaciones

3.       Anexo

Desarrollo de un sitio Web

Enunciado

Resolución

Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar las ventajas de presentación que ofrecen las hojas de estilo en cascada (CSS).
Para diseñar y publicar una página Web.

A cualquier trabajador del sector informático.  A diseñadores Web que deseen actualizar sus conocimientos en la versión 5 de HTML. A todo tipo de trabajadores que tengan interés en aprender a crear y publicar su propia página Web.
Material que presenta contenido muy práctico.
Se incluyen imágenes y recursos didácticos que ayudan al alumno a lo largo de su aprendizaje.
Incluye un anexo en el cual está orientado a que el alumno desarrolle el código HTML y CSS correspondiente a un documento HTML concreto.
Muchas empresas utilizan Internet como primera opción para promocionarse, vender sus productos, comunicarse con sus empleados y clientes etc.
El contenido está orientado hacia la última versión de HTML, cuya aparición es muy reciente y no existe mucha documentación al respecto. Este material es muy interesante para dar a conocer las características de esta última versión,  la cual marcará el futuro del diseño HTML.
Debido a su reciente salida, HTML 5 no es soportado (por ahora) en todos los navegadores. Por esta razón, a lo largo del manual se resaltan las diferencias más importantes respecto a la versión anterior.
El material está dedicado, en parte, a las hojas de estilo CSS, las cuales ofrecen importantísimas ventajas de diseño e incluso efectos imposibles de lograr usando únicamente HTML.

Descripción

01. INTRODUCCIÓN

1. Internet y las páginas Web

¿Qué es internet?

Las páginas Web y la World Wide Web (WWW)

Funcionamiento y navegación

El lenguaje HTML

Las Hojas de estilo CSS

¿Qué hace falta para realizar una página Web?

2. Navegadores

Introducción

Navegadores para la WWW

3. Ubicación, tipo y contenido de las páginas Web

El Servidor

Clasificación de las páginas Web

Contenido y recursos en la creación de una página Web

02. HTML

1. El lenguaje HTML

Introducción

HTML

1. Elementos y estructura básica

Introducción

Creación de un documento html

Elementos

Estructura básica

2. Directivas de texto

Introducción

Saltos de línea y espacios en blanco

Párrafos

Secciones

Cabeceras

Separadores

Bloque de texto preformateado

Diálogos

Destacar texto

Listas

Marcadores de texto

Novedad y tachado

3. Enlaces

Introducción

Enlaces locales

Enlaces internos a un documento

Enlaces externos

Enlaces a direcciones de correo

Enlaces hacia archivos

El atributo target y otros

4. Tablas

Introducción

Tablas básicas

Tablas avanzadas

Agrupaciones de filas y columnas

Aplicaciones de las tablas

5. Imágenes

Introducción

Formatos

Insertar imágenes en HTML

Mapas de imágenes

La directiva FIGURE

6. Formularios

Introducción

La directiva FORM y sus atributos

Elementos de formulario. La directiva INPUT

Otros elementos

Formato

7. Audio, vídeo y otros objetos multimedia

Introducción

Los objetos multimedia

Multimedia en HTML 5

Marcos flotantes o iframes

Elementos interactivos en HTML 5

03. CSS

1. Introducción a las hojas de estilo CSS

Introducción

Historia

Funcionamiento básico

Comentarios

2. Selectores

Introducción

Tipos de selectores

3. Unidades de medida y colores

Unidades de medida

Colores

4. Propiedades Básicas

Introducción

Propiedades de fuentes de letra

Propiedades asociadas a colores y fondos

Propiedades asociadas al texto

5. Modelo de cajas

Introducción

Estructura y propiedades

6. Posicionamiento

Introducción

Propiedades y tipos de posicionamiento

Visualización

7. Estilos para listas y tablas

Listas

Tablas

04. CSS 3

1. Introducción

Sombras

Opacidad

Esquinas redondeadas

Nuevos selectores, pseudo-elementos y pseudo-clases

05. CONSIDERACIONES FINALES

1. Publicar un sitio Web

Introducción

Subir la página a un servidor

Dar de alta en buscadores

2. Mejorar una página Web con JavaScript

Introducción

Insertar JavaScript en documentos HTML

Aplicaciones

3. Anexo

Desarrollo de un sitio Web

Enunciado

Resolución

Información adicional