Diseño de Páginas Web

Objetivos del curso :
> Aprender a manejar las principales herramientas de Dreamweaver para el diseño de sitios complejos.
> Dominar el tratamiento de sitios Web para organizar y controlar la información relacionada con las páginas creadas.
> Incorporar animaciones y efectos para enriquecer y mejorar las presentaciones Web.
> Aplicar movimiento e interacción con Action Script de Flash CS3.
> Aprender a manejar las principales herramientas de Flash CS3.
> Crear animaciones y contenidos multimedia para Web (películas interactivas, inserción de sonidos en páginas Web).
> Incorporar efectos para enriquecer y mejorar las presentaciones gráficas (Banners y películas).
> Convertirse en un webmaster profesional.

Duración del curso : 9 meses

Contenidos del curso

UNIDAD 1: DREAMWEAVER CS3 INICIAL - HTML
Introducción a Dreamweaver
Descripción del área de trabajo
Definir un sitio. Ventajas.
Propiedades de página y formato del texto. Listas. - Código HTML
Tipos de vínculos. Implementación de los mismos. - Código HTML
Trabajo con imágenes. Imágenes de sustitución. Botones y texto de flash. Mapeo de imágenes. -  - Código HTML para la etiqueta <IMG> únicamente
Tablas. Uso de las mismas como estructura de fondo para el diseño de una pagina web. Explicar diferentes formas de uso en el diseño para lograr unificación en las diferentes resoluciones.

UNIDAD 2: HERRAMIENTAS GRAFICAS Y LENGUAJE JAVASCRIPT
CorelDraw:
Herramientas básicas de dibujo. Lápiz Bezier. Herramienta forma. PowerClip. Definir propiedades de página para trabajar siempre en 72 DPI.

Photoshop:
Manipulación de imágenes: cambiar tamaño, tamaño del lienzo, ajustes (brillo, contraste, intensidad, etc), modos de color, efectos.
Máscaras (todos sus tipos). Duplicado de objetos. Creación de un collage de imágenes.
Herramientas para el retoque de imágenes (tampón de clonar, pincel corrector, etc.)
Creación de una imagen propia: uso de las herramientas de forma, texto, pinceles. Trazados.
Segmentación de imágenes con la herramienta sector.

XaraWebstyle 4:
Especial para la creación de botones, barras de navegación, encabezados, viñetas, líneas de separación y logos. Creación también de un menú con subopciones y de una barra de navegación.

Javascript:
Reconocimiento de una función ya escrita y como emplearla en una página web personal.

UNIDAD 3: DREAMWEAVER CS3 AVANZADO
Trabajo avanzado con Tablas. Celdas de diseño
Uso de capas – Etiquetas <Div>
Creación de estilos y clases
Marcos. Usos. Conjunto de marcos. Vínculos entre marcos. Etiquetas <noframe> y <basetarget>
Formularios. Uso de los distintos tipos de campo. Menús de salto. Utilización de imágenes como botón “enviar”. Validación de formularios.
Comportamientos. Uso de los comportamientos incluidos en Dreamweaver y búsqueda e instalación de comportamientos desde la Web
Plantillas. Creación. Regiones editables y de repetición
Vista activos y uso de la Biblioteca y Favoritos
Opcional: si queda tiempo se ve la nueva opción de Spry
UNIDAD 4: FLASH CS3
Exámenes: (uno) Práctico – diseño de un sitio enteramente en Flash.
Introducción a Flash
Archivos .fla, .swf y .exe
Descripción del área de trabajo
Descripción del panel de Herramientas
Utilización de capas. Concepto de los distintos tipos de fotogramas.
Utilización de símbolos
Interpolación de movimiento
Interpolación de movimiento siguiendo un trayecto
Biblioteca y bibliotecas comunes
Interpolación de forma
Clips de película. Creación y usos
Botones. Descripción de la línea de tiempo de un botón
Adición de acciones a los fotogramas, botones o clips de película
Sonidos de evento y de flujo
Máscaras. Distintos tipos de uso
Rutas de destino absolutas y relativas.
Loadmovie y Unloadmovie
StartDrag y StopDrag
Escenas. Usos y ventajas.
Llamada a páginas Html desde Flash
GetProperty y SetProperty
Breve descripción de lo que es una variable y sus usos
Creación de una precarga (loading) sencilla y muestra de una barra de precarga avanzada
Componentes Scrollbar y ScrollPane
Diferentes formas de hacer Scroll de texto. Propiedad “Scroll”.
Muestra de un video en flash