DISEÑO Y DESARROLLO WEB CON HTML 5 Y CSS

Módulo 1. Introducción

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?

Navegadores; Navegadores para la WWW. 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.

Módulo 2. HTML

El lenguaje HTML. HTML. Elementos y estructura básica. Creación de un documento HTML. Elementos. Estructura básica. Directivas de texto. 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. Enlaces. Enlaces locales. Enlaces internos a un documento. Enlaces externos. Enlaces a direcciones de correo. Enlaces hacia archivos. El atributo target y otros. Tablas. Tablas básicas. Tablas avanzadas. Agrupaciones de filas y columnas. Aplicaciones de las tablas. Imágenes. Formatos. Insertar imágenes en HTML. Mapas de imágenes. La directiva . Formularios. La directiva y sus atributos.. Elementos de formulario. La directiva . Otros elementos. Formato. Audio, vídeo y otros objetos multimedia. Los objetos multimedia. Multimedia en HTML 5. Marcos flotantes o iframes. Elementos interactivos en HTML 5.

Módulo 3. CSS

Introducción a las hojas de estilo CSS Historia. Funcionamiento básico. Comentarios. Selectores. Tipos de selectores. Unidades de medida y colores. Unidades de medida. Colores. Propiedades Básicas. Propiedades de fuentes de letra. Propiedades asociadas a colores y fondos. Propiedades asociadas al texto. Modelo de cajas. Estructura y propiedades. Posicionamiento. Propiedades y tipos de posicionamiento. Visualización.Estilos para listas y tablas. Listas. Tablas.

CSS 3

Sombras. Opacidad. Esquinas redondeadas. Nuevos selectores, pseudo-elementos y pseudo-clases.

Módulo 4. Consideraciones finales

Publicar un sitio Web. Subir la página a un servidor. Dar de alta en buscadores. Mejorar una página Web con JavaScript. Insertar JavaScript en documentos HTML. Aplicaciones.

Anexo

Desarrollo de un sitio Web. Enunciado. Resolución.

DREAMWEAVER CS4

Conceptos básicos de dreamweaver. ¿Qué es Dreamweaver? Entrar y salir de Dreamweaver. Crear, guardar y abrir documentos. El entorno de trabajo. La interfaz del programa. El panel insertar. El espacio de trabajo. Definir un navegador Web. Configuración de un sitio local. Crear un sitio local. Administración de Archivos y Carpetas. Configuración de un sitio local. Trabajar con imágenes. Trabajar con Texto.  Editar XHTML en Dreamweaver. Creación de enlaces. Las Hojas de Estilos en Cascada (CSS) Crear una hoja de estilo. El panel Estilos CSS.   Selectores CSS. Celdas y tablas Crear tablas. Dar color a las tablas. Ordenar los datos de una tabla. Otras acciones con las tablas. Herramientas de maquetación. Imágenes de rastreo. Las etiquetas DIV PA. Configurar las propiedades de las Div PA. Reglas, cuadrículas y guías. Formularios. ¿Qué es un formulario? Creación de Formularios. Elementos de un formulario. Crear campos de texto. Crear casillas de verificación y botones de opción. Crear listas y menús. Añadir botones para enviar y restablecer. Comportamientos Abrir ventana de navegador.Mensaje emergente. Validar formularios. Plantillas y librerías Creación de plantillas. Crear la composición de elementos en la plantilla. Crear páginas a partir de una plantilla. Modificar una plantilla. Añadir regiones repetidas y opcionales. La biblioteca. Realizar modificaciones en un elemento de biblioteca. Insertar contenido multimedia. Insertar archivos de audio. CREACIÓN DE PLANTILLAS."Insertar archivos Flash. Insertar archivos FLV (Flash video). La publicación. Desarrollar y explotar. Definición del Sitio. Alojar nuestra primera página Web. Configurar la conexión FTP.

Contenido del CD:

Tutoriales interactivos de las aplicaciones informáticas tratadas en dichos cursos.