• Introducción al lenguaje HTML.
• Cuáles son los requisitos para realizar páginas Web?.
• Distintas versiones del HTML.
• Por dónde empezar?.
• Qué es un documento HTML?
• Elementos, etiquetas y atributos.
• Mi primer documento HTML.
• Explicación de etiquetas HTML.
• Los encabezados y los párrafos.
• Un breve resumen. Ejemplos básicos.

• Formatear texto. Formateo de párrafos enteros.
• Etiquetas que formatean líneas de caracteres dentro del párrafo.
• Formato de frase. Caracteres especiales.
• Caracteres extendidos en HTML.
• Texto preformateado. Etiqueta <PRE>.
• Entidades y caracteres especiales.
• Fuentes tipográficas.
• Tipos de letra. Color de fondo de la página.
• Ejemplos prácticos.
• Un repaso a la estructura de un documento HTML.
• Tipo de documento. La cabecera. El cuerpo. Las listas.
• Comentarios no visibles en la pantalla. Ejemplos prácticos.
• Ejemplo de etiqueta no estándar: el parpadeo. Separador horizontal.
• Tamaño de las fuentes. Tipos de las fuentes.
• Texto en movimiento. Marquesinas (Marquees).
• Fuentes dentro de las marquesinas.
• Ejercicio a realizar por el Alumno.

• Fuentes tipográficas. Tamaño del texto.
• Tipos de letra. Color del texto.
• Color de fondo de la página.
• Un repaso a la estructura de un documento HTML.
• La cabecera. Los metatags.
• Ejercicio a realizar por el Alumno.

• El cuerpo (Etiqueta BODY).
• Las listas. Comentarios no visibles.
• Los estándares y los navegadores
• Ejemplo de etiqueta no estándar: el parpadeo.
• Separador horizontal.
• Tamaño y tipos de fuentes.
• Texto en movimiento.
• Ejercicios a realizar por el Alumno.

• ¿Qué son los enlaces?. Tipos de enlaces.
• Enlaces dentro de la misma página web (enlaces internos).
• Enlaces con otra página web nuestra (enlaces locales).
• Enlaces con archivos (para descargar archivos de una web).
• Ejercicios a realizar por el Alumno.

• Organizar el sitio web en carpetas.
• Enlaces con una página que está fuera de nuestra web (enlaces remotos).
• Enlaces con una dirección de email (crear mensaje de correo).
• Enlaces con archivos (para descargar archivos de una web).
• Ejercicios a realizar por el Alumno.

• Los distintos formatos de imágenes usados en páginas Web.
• Tabla comparativa de formatos de compresión de imágenes
• Reducir una imagen para que tenga poco peso.
• Pasos para insertar una imagen en un documento Web.
• Ejercicios a realizar por el Alumno.

• Presentación de imágenes en un documento Web.
• Presentación de imágenes junto a texto.
• Creación de enlaces con imágenes.
• Ejercicios a realizar por el Alumno.

• Crear mapas de imágenes donde existen enlaces asociados en distintas áreas.
• Ejemplo práctico.
• Ejercicios a realizar por el Alumno.
• Objetos incrustados. Ejemplos.

• Los 3 elementos básicos para crear tablas TABLE, TR y TD).
• Modificar el ancho de la tabla, la fila y la celda (Atributos WIDTH y HEIGHT).
• Bordes, títulos y otros atributos BORDER Y CAPTION).
• Uniendo celdas y columnas (COLSPAN y ROWSPAN).
• Alineando la tabla y sus datos (ALIGN y VALING).
• Ejercicios a realizar por el Alumno.

• Alineación de la tabla con respecto al texto (ALIGN).
• Los atributos CELLPADING y CELLSPACING.
• Tablas anidadas.
• Incluir colores en tablas (BGCOLOR, BORDERCOLOR, BORDERCOLORLIGHT).
• Incluir enlaces en las tablas.
• Incluir imágenes en celdas.
• Incluir imágenes como fondo de las tablas.
• Ejercicios a realizar por el Alumno.

• Resúmenes y ejemplos prácticos sobre tablas (1).
• Resúmenes y ejemplos prácticos sobre tablas (2).
• Resúmenes y ejemplos prácticos sobre tablas (3).
• Ejercicios a realizar por el Alumno.

• Pasos para crear formularios.
• Etiquetas para crear formularios.
• Ejemplo práctico.
• Ejercicios a realizar por el Alumno.

• ¿Qué son los “frames”?
• Un ejemplo simple. Uso de las etiquetas FRAMESET Y FRAME.
• Ejemplos de declaración de “frames”.
• ¿Cómo crear enlaces y dirigir el contenido a un “frame” concreto?
• Valores para el atributo TARGET.
• Anidación de “frames”.
• Modificar la apariencia de los “frames”.
• Navegadores que no soportan “frames”.
• Ventajas e inconvenientes de usar “frames”.
• Ejercicios a realizar por el Alumno.

• ¿Qué son las Hojas de Estilo en Cascada CSS?
• Primer nivel. Definir estilos en pequeñas partes del documento HTML.
• Etiqueta DIV. Estilo definido en una parte de la página
• Segundo nivel. Definir estilos para todo un documento HTML.
• Tercer nivel. Definir estilos para todo un sitio Web.
• Reglas de importancia en los estilos.
• Ejercicios a realizar por el Alumno.

• Incluir un archivo de estilos con la sintaxis: @import url("estilo.css").
• Conocer la sintaxis CSS y atributos.
• Lista de atributos de las hojas de estilo en cascada.
• Estilo en los enlaces.
• Definir estilos utilizando clases.
• URL como valor de un atributo.
• Ocultar estilos en navegadores antiguos.
• Ejercicios a realizar por el Alumno.

• ¿Qué es un DIV?.
• Creación de nuestra primera capa con DIV.
• Vincular los Estilos CSS.
• Definiendo estilos desde la Hoja de estilos.
• Aplicar propiedades a las capas.
• Ejercicios a realizar por el Alumno.

• Resumen sobre las capas.
• Resumen sobre las propiedades de las capas.
• Ejercicios a realizar por el Alumno.

• Pasos para maquetar una página Web utilizando Hojas de Estilo CSS y Capas.
• Desarrollo de la página y la hoja de estilos.
• Creamos la hoja de estilos CSS y definimos estilo para el cuerpo de la página <body>.
• La capa contenedor.
• La cabecera de la página.
• La barra de navegación. Los enlaces.
• El cuerpo de la página.
• La capa lateral. La caja de registro.
• La caja de otras informaciones.
• Pie de la página.
• Ejercicios a realizar por el Alumno.

• Continuamos con el taller de maquetación con capas y hojas de estilo CSS.
• Maquetar con los enlaces a la izquierda.
  Maquetar con los enlaces a la derecha.
• Diseño fluido.
• Práctica para crear una página, maquetada a tres columnas, con diseño de anchura fija y fluido.
• Ejercicios a realizar por el Alumno.

Tema 1. El primer contacto.

• ¿Qué es Dreamweaver?.
• Características de Dreamweaver.
• ¿Cómo se inicia y cerrar DreamWeaver?
• ¿Cómo Abrir y Guardar documentos?
• Vamos a crear la primera página con Dreamweaver.
• Modificar el aspecto básico de la página.
• Insertar una imagen en la página.
• Cambiar el formato y color del texto.
• Cambiar la alineación del texto.
• Crear enlaces. Ejercicios a realizar por el alumno.

• El entorno de trabajo. La pantalla inicial. La barra de título.
• La barra de menús. La barra de herramientas estándar.
• La barra de herramientas de documento.
• La barra de estado. Los paneles e inspectores.
• El inspector de Propiedades.
• El menú insertar. Los paneles.
• El panel “Insertar”. Panel “Layout”. Panel “Text”. Panel “Favorites”.
• Vistas de un documento.

• ¿Qué es un sitio Web?.
• Preparándonos para nuestro primer sitio.
• Creación de un sitio local. ¿Cómo abrir un sitio?
• Crear primer documento index.html.
• Ejercicios a realizar por el alumno.

• Botones de la vista de código.
• ¿Cuál es la resolución ideal de una página?
• Ejemplos de etiquetas HTML escritas con Dreamweaver.
• Las propiedades del documento.
• Definir sitios homogéneos.
• Comprobar tamaño para optimizar la carga.
• Los colores. Los caracteres especiales.
• Ejercicios a realizar por el alumno.

Tema 5. Formatear texto y crear enlaces

• Formatear texto: Menú Formato e inspector de propiedades HTML.
• ¿Qué son los enlaces?. Tipos de enlaces.
• Enlaces dentro de la misma página web (enlaces internos).
• Enlaces con otra página web nuestra (enlaces locales).
• Enlaces con una página que está fuera de nuestra web (enlaces remotos).
• Enlaces con una dirección de email (crear mensaje de correo).
• Enlaces con archivos (para descargar archivos de una web).
• ¿Cómo crear enlaces con Dreamweaver?
• Establecimiento de vínculos con documentos mediante el inspector de propiedades.
• Adición de un vínculo mediante el comando Hipervínculo.
• Enlaces internos. Establecimiento de vínculos con una parte específica de un documento.
• Establecimiento de un vínculo con un anclaje con nombre.
• Creación de un vínculo de correo electrónico mediante el inspector de propiedades.
• Localización de vínculos rotos, externos y huérfanos.
• Ejercicios a realizar por el alumno.

• Los distintos formatos de imágenes usados en páginas Web.
• Tabla comparativa de formatos de compresión de imágenes.
• Reducir una imagen para que tenga poco peso.
• Pasos para insertar una imagen en un documento Web.
• Establecer propiedades de la imagen.
• Inserción de un marcador de posición de imagen
• Funciones de edición de imágenes.
• Recorte de una imagen. Optimización de una imagen.
• Perfilar una imagen. Ajuste del brillo y el contraste de una imagen.
• Creación de una imagen de sustitución.
• Ejercicios a realizar por el alumno.

• ¿Qué es una tabla?.
• Prioridad de formato de tabla en HTML.
• División y combinación de celdas de tabla.
• Inserción de una tabla y adición de contenido.
• Selección de una tabla entera, filas y columnas.
• Selección de una sola columna y una sola celda.
• Selección de celdas no adyacentes.
• Cambio del color de resaltado para elementos de la tabla.
• Establecimiento de las propiedades de una tabla.
• Configuración de las propiedades de celdas, filas o columnas.
• Utilización del modo de tablas expandidas para facilitar la edición de tablas.
• Aplicación de formato a tablas y celdas.
• Adición o edición de valores de accesibilidad para una tabla en la vista Código.
• Adición o edición de valores de accesibilidad para una tabla en la vista Diseño.
• Cambio del tamaño de tablas, columnas y filas.
• Cambio del ancho de una columna y mantenimiento del ancho general de la tabla.
• Cambio del ancho de una columna y mantenimiento del tamaño de las demás.
• Cambio del alto de una fila visualmente.
• Igualación de los anchos de columna del código con los anchos de columna visuales.
• Eliminación de los anchos y altos especificados de una tabla
• Eliminación del ancho establecido de una columna.
• Activación o desactivación de los anchos y los menús de tablas y columnas.
• Adición de una sola fila o columna.
• Adición de varias filas o columnas.
• Eliminación de una fila o columna.
• Adición o eliminación de filas o columnas utilizando el inspector de propiedades.
• Combinación de dos o más celdas en una tabla.
• División de una celda.
• Aumento o disminución del número de filas o columnas que ocupa una celda.
• Copiar, cortar y pegar celdas de una tabla.
• Eliminación del contenido y mantenimiento de las celdas intactas.
• Eliminación de filas o columnas que contienen celdas combinadas.
• Anidación de tablas. Ordenación de tablas.
• Ejercicios a realizar por el alumno.

• ¿Qué son los marcos “frames”? Creación de marcos. Seleccionar marcos
• Guardar los marcos. Configurar marcos. Contenido del marco.
• Práctica, paso a paso, de creación de marcos.
• División de un marco en marcos más pequeños.
• Eliminación de un marco. Cambio del tamaño de un marco.
• Selección de marcos y conjuntos de marcos.
• Apertura de un documento en un marco.
• Almacenamiento de archivos de marcos y conjuntos de marcos.
• Almacenamiento de todos los archivos asociados a un conjunto de marcos.
• Visualización y definición de las propiedades y los atributos de los marcos.
• Cambio del color de fondo de un documento en un marco.
• Control del contenido de los marcos con vínculos.
• Creación de contenido para navegadores que no admiten marcos.
• Ejercicios a realizar por el alumno.

• ¿Qué son los formularios?
• ¿Por dónde empezar?.
• Insertar objetos en el formulario.
• Insertar Campo de texto y Área de texto.
• Insertar Botón.
• Insertar Casilla de verificación.
• Insertar Botón de opción.
• Insertar Lista/Menú.
• Insertar Etiqueta.
• Insertar Campo de archivos.
• Insertar Campo de imagen.
• Insertando campos ocultos.
• Insertar Menú "saltar":
• Insertar Los Grupos de Botones de Opción y Casillas de verificación.
• Validar el formulario.
• Ejercicios a realizar por el alumno.

• Acerca de los tipos de archivo FLA, SWF y FLV.
• Inserción y presentación preliminar de archivos SWF.
• Inserción de un archivo SWF.
• Presentación preliminar de archivos SWF en la ventana de documento.
• Configuración de las propiedades de archivos SWF.
• Inserción de archivos FLV.
• Solución de problemas con archivos FLV.
• Edición o eliminación de un componente FLV.
• Insertar sonido. Insertar video.
• ¿Qué son los archivos Shockwave?.
• ¿Qué son los applets JAVA?.
• ¿Qué son los controles ActiveX?.
• Insertar otros objetos multimedia.
• ¿Qué son los atributos de accesibilidad?.
• Inicio de un editor externo de archivos multimedia.
• Inserción de películas Shockwave.
• Inserción de vídeo (no FLV).
• Inserción de un control ActiveX.
• Inserción de un applet de Java.
• Ejercicios a realizar por el alumno.

• ¿Qué son las Hojas de Estilo en Cascada CSS?
• Usando Dreamweaver para aplicar estilos CSS.
• Primer nivel. Definir estilos CSS en pequeñas partes del documento.
• Usando el inspector de propiedades HTML y el inspector de CSS.
• Etiqueta DIV. Estilo definido en una parte de la página.
• Segundo nivel. Definir estilos para todo un documento.
• Tercer nivel. Definir estilos para todo un sitio Web.
• Reglas de importancia en los estilos.
• Creación de reglas CSS con el inspector de propiedades.
• ¿Cómo crear estilos CSS para etiquetas HTML?
• ¿Cómo crear estilos CSS con un identificador de estilos (ID)?
• ¿Cómo crear estilos CSS llamados “Clases”?
• ¿Dónde colocar la regla?
• Ejercicios a realizar por el alumno.

• ¿Qué es una capa simple (Etiqueta DIV)
• ¿Cómo Insertar una etiqueta DIV?
• ¿Cómo aplicar estilo a la capa recién creada?
• Las capas con Posición Absoluta (Div PA).
• Ejemplo de un Div PA.
• Ejemplo de colocación relativa.
• Otro ejemplo de Colocación absoluta (width y height).
• La propiedad visibility.
• Ejemplo de superponer capas.
• Cambiar el orden de visualización de las capas (Index-z).
• Ejemplo de la propiedad Overflow.
• Dreamweaver. ¿Cómo Insertar una capa PA (Posición Absoluta)?
• Modificar las propiedades de un Div PA.
• Trabajando con capas Div PA.
• Uso del panel Elementos PA.
• Cambio del orden de apilamiento de elementos PA.
• Visualización y ocultación de elementos PA.
• Cambio del tamaño de varios elementos PA a la vez.
• Ejercicios a realizar por el alumno.

• Introducción a los compartamientos.
• Insertar un comportamiento.
• Mostrar-Ocultar capas.
• Llamar JavaScript.
• Comportamientos de mensajes emergentes.
• Comportamiento de Texto de la Barra de estado.
• ¿Dónde y cómo asociar el texto en una página?.
• Comportamiento de Carga previa de imágenes.
• Comportamiento de Abrir nueva ventana del navegador.
• Comportamiento de Cambiar propiedades CSS.
• Comportamiento de Comprobar Plug-ins.
• Comportamiento de Efectos.
• Aplicación del comportamiento Menú de salto.
• Ejercicios a realizar por el Alumno.

• Introducción.
• Creacion de Barra de menús.
• Control Acordeón.
• Panel con Contracción.
• Cambiar Estilos CSS.
• Ejercicios a realizar por el Alumno.

• Maquetar una página web, paso a paso.
• 1º) Crear el sitio Web.
• 2º) Crear la hoja de estilos y crear el primer documento index.html.
• 3º) Modificar los estilos CSS: Ancho de las capas y diseñar la cabecera.
• 4º) Colocar una imagen como fondo en la cabecera.
• Ejercicios a realizar por el Alumno.

• ntroducción.
• Validación de Campos de Texto.
• Estados de Validación.
• Validación de Campos Desplegables.
• Casillas de Verificación.
• Ejercicios a realizar por el Alumno.

• Subir archivos al servidor.
• Comprobar tamaño para optimizar la carga.
• Configurar un Sitio Remoto.
• El Panel Archivos.
• Sincronizar Sitios.
• Ejercicios a realizar por el Alumno.

Tema 1. Introducción a FLASH.

• ¿Qué es FLASH?.
• Ventajas y desventajas.

• Mi primera animación Flash.

• La interfaz de Flash Pro CS5.
• La barra de Menús.
• La Línea de tiempo.
• Ejercicios a realizar por el Alumno.

• Las capas.
• El Escenario.
• Las Vistas o Zooms.
• Los Paneles.
• El dibujo en Flash CS5.
• La barra de Herramientas. Herramientas avanzadas.
• La barra de Herramientas. Opciones.
• El panel Muestras.
• Ejercicios a realizar por el Alumno.

• El texto en Flash.
• Propiedades de los textos.
• Ejercicios a realizar por el Alumno.

• Sonidos en Flash.
• Importar sonidos.
• Utilizar los sonidos incorporados.
• Propiedades de los sonidos.
• Insertar sonido en línea de tiempo.
• Editar sonidos.
• ¿Mp3 o Wav?.
• Ejercicios a realizar por el Alumno.

• Trabajar con objetos.
• Seleccionar objetos.
• Colocando objetos. Panel Alinear.
• El Panel Información.
• Los grupos.
• Ejercicios a realizar por el Alumno.

• Las capas.
• Crear y eliminar capas.
• Trabajar con capas.
• Reorganizar capas.
• Ejercicios a realizar por el Alumno.

• Qué son los símbolos.
• Cómo crear un símbolo.
• Las Bibliotecas.
• Diferencia entre símbolo e instancia.
• Modificar una instancia.
• Panel propiedades de instancia.
• Efectos sobre instancias.
• Ejercicios a realizar por el Alumno.

• Qué es un gráfico?.
• Tipos de gráficos.
• Gráficos vectoriales y mapas de bits.
• Creando un gráfico y comprobando sus propiedades.
• Introducir un Mapa de bits.
• Introducir un archivo vectorial.
• Compatibilidad de archivos.
• Exportar un objeto Flash como mapa de bits.
• Publicar como un mapa de bits.
• Crear un GIF animado con Flash.
• Ejercicios a realizar por el Alumno.

• ¿Qué es un clip de película?
• Comprobar las propiedades de un Clip.
• Crear un nuevo Clip.
• Importar y exportar MovieClips de la Biblioteca.
• Otros usos de los Movie Clips.
• Ejercicios a realizar por el Alumno.

• ¿Qué es un botón?.
• Creación de un botón.
• Formas en los botones.
• Incluir un clip en un botón.
• Bitmaps y botones.
• Acciones en los botones.
• Incluir sonido en un botón.
• Ejercicios a realizar por el Alumno.

• La animación en Flash.
• Interpolación de movimiento.
• Animaciones fotograma a fotograma.
• El editor de movimiento.
• Interpolación clásica .
• Diferencias entre interpolación de movimiento e interpolación clásica.
• Cambio de forma en una interpolación.
• Animación de textos.
• Animación de líneas.
• Guía de movimiento clásica.
• Ejercicios a realizar por el Alumno.

• Interpolación por forma.
• Transformar textos.
• Consejos de forma.
• Ejercicios a realizar por el Alumno.

• Introducción.
• Efectos sobre la interpolación.
• Efectos sobre el símbolo interpolado.
• Efecto brillo.
• Efecto tinta.
• Efecto transparencia (Alfa).
• Ejercicios a realizar por el Alumno.

• Consideraciones sobre el tamaño de las películas.
• Preloader. Cargar la Película entera antes de reproducirla.
• Distribución como archivo swf en un reproductor autónomo.
• Distribución para páginas web.
• Ejercicios a realizar por el Alumno.

• Introducción.
• El filtro Sombra.
• El filtro Desenfoque.
• El filtro Iluminado.
• El filtro Bisel.
• El filtro Iluminado degradado.
• El filtro Bisel degradado.
• El filtro Ajustar color.
• Acceder a los filtros de un elemento.
• Ejercicios a realizar por el Alumno.

• Introducción.
• Importando vídeos.
• Puntos de referencia.
• El componente FLVPlayback.
• Uso de componentes para la reproducción.
• Crear controles propios.
• Navegar con los puntos de referencia.
• Trabajar con eventos de vídeo.
• Ejercicios a realizar por el Alumno.