Diseño de Páginas Web con Dreamweaver, Flash, Fireworks

PROGRAMA DEL CURSO:

DREAMWEAVER

¿Qué es un sitio? Crear un sitio Datos locales y datos del servidor Web Editar un sitio Eliminar un sitio web Estructura de un sitio

Pagina principal Nombre de archivo y Título de la página: distinción Publicación de un sitio web en un servidor

ENTORNO DE DREAMWEAVER

Estructura de una página web: cuerpo y cabecera. Creación y visualización de notas de diseño La barra de estado: resolución de la página.

Vistas de Dreamweaver Propiedades de la página Color de Texto Color vínculos Fondo de la página

Creación de nuevas páginas Creación de enlaces entre páginas Vínculos externos Vínculos a un correo electrónico Creación de vínculos en espacios concretos de páginas

Propiedades del texto (etiquetas): Párrafo, Color , Alineación

Creación de listas (esquemas): Numeradas, sin numerar

Imágenes: Inserción y eliminación de imágenes Propiedades de la imagen

Creación de imágenes de sustitución

Capas: inserción y dibujo de capas modificación de capas propiedades de capas – visibilidad – Apariencia – Tamaño – Posición – Apilamiento – Solapamiento Ventaja de las capas frente a las tablas

Creación y modificación de mapas de imágenes

Creación de botones swf

Creación de textos swf

Inserción de símbolos

Marcos Creación, diseño, propiedades, edición

Comprobación de exploradores de destino

Estilos Estilos CSS (DHTML)Activos de Dreamweaver

Creación de Álbum de fotos

Formularios Creación de formularios Inserción de campos de formularios

Creación de tablas y celdas de disposición Vista disposición Vista normal

La cabecera de la página (HEAD) – Componente – Visualización

Línea de tiempo Movimiento de capas Movimientos continuos Movimientos de varias capas a la vez Edición de la línea de tiempo Eliminación de la línea de tiempo

Comportamientos Arrastre de capas Abrir ventana del explorador Abrir varios URL Mostrar y ocultar capas Destinos en función del explorador instalado Destino en función del plugins instalado Mensajes de alerta Definición de texto: En capas Barra de estado Cuadro de texto Validación de formulario Inserción de un sonido en una página web FLASH

Herramientas y entorno – Escenario Barras de herramientas e inspectores Fotogramas y línea de tiempo Creación del movimiento a través de los fotogramas Tipos de fotogramas Fotograma clave Fotograma clave vacío Fotograma intermedio

Alineación de objetos

Creación de degradados

Propiedades de la película

Movimientos Movimiento de un objeto o movimiento de varios objetos simultáneamente Interpolación de movimiento de rotación de tamaño de inclinación de posición de color y transparencia Interpolación de forma Paso de un objeto a otro Trabajar con capas Tipos de capas – Utilización – Eliminación – Modificación la capa máscara La capa de guías Creación de botones Creación de objetos en movimiento Creación de botones animados Utilización de escenas Introducción a la programación en flash Creación y utilización de acciones reproducción de una película Detención de una película Desplazamiento dentro de la película Creación de menús desplegables Creación de campos de contraseña Creación de barras de desplazamientos Utilización de acciones condicionales Utilización de Acción IS FRAME IS LOADED Creación de objetos que sigan al puntero del Mouse Creación de proyectores independientes Inserción y modificación de sonidos en la película Inserción y modificación de sonidos en los botones.

FIREWORKS.

Entorno de Fireworks Herramientas: utilización, barras de herramientas Modo objetos y modo edición de imágenes –distinción – Inspectores

Utilización de trazos

Utilización de rellenos Utilización de patrones Creación de degradados Utilización e inserción de texturas Estilos Aplicación de estilos Creación de estilos Modificación Eliminación

Efectos Sombra, Iluminación, cambio de color, relieve

Definición de transparencias

Composiciones

Creación de mapas de imágenes

Optimización de imágenes

Edición de una imagen insertada Recorte, efectos, transparencia

Creación de banner y objetos animados. Fotogramas

Barras de exploración

Creación de botoneras – Estados Símbolos animados Asignación de vínculos Barras de exploración para dreamweaver

Rollovers – Comportamientos – Creación Intercambio de imágenes Rollover simple, Rollover compuesto

Creación de máscaras

Intersección entre objetos Unión, agrupación, perforación

Prevalencia del trazo sobre el relleno o del relleno sobre el trazo

Creación de textos Creación de menús desplegables

FLASH

Herramientas y entorno

• Escenario
• Barras de herramientas e inspectores
• Fotogramas y línea de tiempo
• Creación del movimiento a

través de los fotogramas

• Tipos de fotogramas
• Fotograma clave, vacío
• Fotograma intermedio

Alineación de objetos

Creación de degradados

Propiedades de la película

Movimientos

• Movimiento de un objeto o movimiento de varios objetos simultáneamente
• Interpolación de movimiento
• de rotación, tamaño, inclinación
• posición, color y transparencia
• Interpelación de forma
• Paso de un objeto a otro
• Trabajar con capas
• Tipos de capas Utilización
• Eliminación – Modificación
• la capa máscara La capa de guías
  Creación de botones
• Creación de objetos en movimiento
• Creación de botones animados
• Utilización de escenas
• Introducción a la programación flash
• Creación y utilización deacciones
• reproducción de una pelicula
• Detención de una película
• Desplazamiento dentro de la película
• Creación de menús desplegables
• Creación campos de contraseña
• Creación barras de dessplazamientos
• Utilización acciones conndicionales Utilización de Acción IS FRAME IS LOADED
• Creación de objetos que sigan al puntero
• Inserción y modificación de sonidos película
• Inserción y modificación de

sonidos en los botones.