Diseñador de Páginas Web y Multimedia + Diseño Gráfico

Durante el presente curso el alumno adquiere los conocimientos y las herramientas necesarias para la planificación, elaboración y desarrollo de páginas web estáticas, así como su posterior publicación y puesta en marcha.
Se inicia además el trabajo con animación y efectos visuales, así como el tratamiento y la inserción de contenido multimedia en entornos web, como películas interactivas y sonido. El curso contempla, tanto el estudio de los lenguajes de programación, como el aprendizaje de programas de edición y diseño, con los que se establecen las bases de la transmisión de contenidos a través de internet.
Dreamweaver, Flash y Fireworks.

Programa:

SITIO

• ¿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: dstinció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 esatado: 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ículos 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 capas frente a las tablas
• Creación y modificación de mapas de imagenes
• 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
  
  • 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 plug-ins 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 fotrogramas
  • 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 simultaneamente
  • Interpolación de movimiento
  • de rotación, tamaño, inclinación
  • posición, color y transparencia
  • Interpolacion de foma
  • 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.

FIREWORKS

• Entorno de Fireworks
  
  • Herramientas: utilización, b. herramientas
  • Modo objetos y modo edición de imágenes-distinción - Inspectores
• Utilización de trazos, 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
• Composiciónes
• 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
• Creación de botoneras - Estados
  
  • Símbolos animados - Asignación 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
  • etc.