PROGRAMA:

CURSO DE
DISEÑO WEB

Duración del plan de estudio: 72 horas,

3 horas por semana

Cursos vistos:

• Fireworks CS 3

• Flash CS 3

• Dream Weaver CS 3

CURSO DE FIREWORKS CS3

Introducción:

Fireworks CS 3 está enfocado en la creación de interfaces para Web, permite manejar tanto gráficos vectoriales como BITMAPS, ya sea en animación o de manera estática.

Una de sus principales características es la optimización de imágenes, así como la exportación de documentos en formato HTML.

El manejo de sus herramientas permite crear de manera sencilla gráficos, botones interactivos; así como edición de imágenes.

Objetivos:

Conocer la interface del programa, entender su lógica y aprovechar al máximo la aplicación de herramientas.

Temas:

1).- Interface del programa

• Ajuste de propiedades de documento

• Área de trabajo

• Ventana de herramientas

2).- Herramientas de selección y trazo

• Selección para imágenes vectoriales

• Selección de bitmaps

• Manejo de herramientas de dibujo

3).- Manejo de ventanas de trabajo

• Ventana de Propiedades

• Ventana de layers (capas)

• Ventana de optimización

4).- Aplicación de color

• Colores sólidos

• Creación de gradientes

• Aplicación de patrones y texturas

5).- Creación de símbolos

• Botones

• Animación

• Gráficos

6).- Áreas sensibles

• Slices

• Hotspots

• Navigation Bar

• Rollovers

• Pop up menú

7).- Animación

• Manejo de Frames

• Animación cuadro por cuadro

• Gifs animados

8).- Formatos

• Optimización de archivos para web

• Exportación de archivos HTML

• Asignación de URL

CURSO DE

FLASH CS3

Introducción:

Flash CS 3 es la herramienta por excelencia para desarrollar Web Sites con contenido enriquecido, mediante animaciones vectoriales dentro de películas, a las cuales se pueden incorporar imágenes, navegabilidad e interactividad de alto impacto, sonido y video entre otros aspectos básicos del programa.

Objetivos:

Conocer la interface del programa, entender su lógica y aprovechar al máximo la aplicación de herramientas.

Temas:

1).- Interface del programa

• Área de trabajo en Flash

• Escenario (Stage)

• Escena (Scene)

• Línea de Tiempo (Timeline)

• Frames

• Keyframes

2).- Propiedades de la película

• Unidades de medida

• Tamaño de escenario

• Color de fondo del escenario

3).- Herramientas de selección y transformación

• Herramientas de selección directa

• Escalamiento y rotación de objetos vía herramientas de selección

• Lazos de selección

4).- Herramientas de dibujo

• Herramienta de lápiz y sus modificadores

• Gráficos y sus modificadores

• Pluma y sus modificadores

• Brocha

5).- Capas

• Creación y eliminación de capas

• Personalización de capas

• Visualización y bloqueo de capas

• Creación de máscaras

6).- Color

• Creación de colores

• Aplicación y edición

• Creación de gradientes

• Modificadores

7).- Ventanas de trabajo

• Ventana de librería

• Ventana de propiedades (efectos, edición)

• Ventana de escenas

• Ventana de acciones

• Ventana controlador de película

8).- Texto*

• Cajas de texto

• Edición de texto

• Formatos de texto

• Texto estático

• Texto dinámico

• Formularios electrónicos de requisición de datos con salida e-mail

9).- Imágenes

• Formatos admitidos

• Importación de mapas de bits

• Importación de dibujos vectoriales

• Manipulación de imágenes

10).- Símbolos

• Creación de símbolos

• Símbolo gráfico

• Botón

• Movie clip

11).- Animación en Flash

• Creación de keyframes

• Animación vía Motion Tweening

• Animación vía Motion Shape

12).- Sistema de navegación*

• Creación de botones de navegación

• Navegación mediante movieclip

• Adición de nivel secundario

de navegación

• Carga de archivos SWF vía LoadMovie

13).- Sonido y Video

• Formatos

• Importación de audio

• Controlador de audio

• Adición de video a flash

14).- Integración de Flash en un sitio Web

• Exportación hacia una página HTML

• Creación de un archivo SWF

• Plug-in

• Utilización de get URL

CURSO DE
DREAM WEAVER

Introducción:

Dream Weaver CS 3 permite desarrollar páginas Web en formato HTML. Sus herramientas son muy accesibles, además de ser compatibles con las herramientas de diseño. Su estructura permite trabajar tanto en código como en diseño, siendo ésta una de sus principales cualidades.

Objetivos:

Conocer la interface del programa, entender su lógica y aprovechar al máximo la aplicación de herramientas.

Temas:

1).- Introducción al HTML **

• Estructura de un documento en html

• Principales etiquetas

2).- Creación de un sitio web

• Definición de sitio

• Cómo dar de alta un sitio

3).- Interface del programa

• Área de trabajo

• Propiedades del documento

• Ventana de objetos

• Aplicación de color

4).- Tablas

• Manejo de tablas

• Inserción de filas

• Inserción de columnas

5).- Enlaces

• Barra de navegación

• Anclas

• Creación de botones “en flash” dentro de Dreamweaver

6).- Frames

• Manejo del Frameset

• Administración y control del contenido

• Navegabilidad entre frames

7).- Aplicación de comportamientos a objetos**

8).- Layers

• Propiedades de los layers

9).- Timeline **

• Incorporación de layers y objetos

• Animación mediante la línea de tiempo

• Comportamientos enfocados a Time line

10).- Importación de archivos

• Archivos SWF de Flash

• Archivos HTML de Fireworks

11).- Colocación del sitio en la red

• Principales métodos administrativos

• Configuración de acceso al sitio vía FTP

• Método para cambios y actualizaciones