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.