Web CS4 en Distrito Federal

Con el diplomado ponemos en tus manos todas las herramientas para crear sitios web de una manera fácil y muy profesional.

Adobe® Fireworks CS4

Cree con rapidez prototipos y diseños para la web.

Descripción

Cree rápidamente prototipos de páginas web e interfaces de aplicaciones mediante Adobe® Fireworks® CS4. Cree y optimice imágenes para la web de un modo más rápido y preciso que nunca mediante un conjunto de herramientas mejoradas.

Objetivos

Crear, editar, procesar y optimizar imágenes para la Web, utilizando componentes para comportamientos de la imagen sin necesidad de programas externos y con la facilidad de poder manipular imágenes tanto vectoriales como mapa de bits; dando la posibilidad de crear sitios web completos.

Dirigido a

Para quienes se desarrollan profesionalmente en un despacho de diseño gráfico, editorial, imprenta o agencia de publicidad.

Requisitos

Tener nociones básicas del uso de plataformas PC o Macintosh.

Duración: 15 horas.

TEMARIO

Aprender las bases

Introduccion a Fireworks CS4

Tipos de imágenes digitales

Gráficos vectoriales

Gráficos Bitmap

Modos de trabajo

Vector Mode

Bitmap Mode

Imagenes estándar para internet

GIF

GIF Transparente

GIF Animado

JPG

PNG

Compresion de archivos

Tamaño de archivo y velocidad de descarga

Area de trabajo

Página de inicio

Modos de trabajo

Ventana principal de documento

Propeties

Barra de herramientas

Paneles

Panel History

Panel Info

Trabajando con gráficos bitmap

Creacion e importación de imágenes

Creacion de un documento nuevo

Ventana New Document

Formatos de Importacion

Integracion con Photoshop CS4

Integracion con Illustrator CS4

Herramientas de selección

Selección Basica

Selección con lazos

Selección con varita mágica

Ajustes de selección

Magnificar imágenes

Zoom tool

Menu View

Modificar imágenes Bitmap

Goma

Herramienta de Clonado

Herramienta de retoque

Panel de ajuste de imágenes

Menu Filtros

Modos de mezclado

Trabajar con herramientas bitmap

Trabajo con vectores, capas y páginas

Uso de herramientas vectoriales

Herramientas de línea y navaja

Dibujo de formas y autoformas

Uso de reglas, guias, retículas y smart guides

Panel Align

Uso de autoshapes

Uso de contornos y rellenos

Acerca de contornos

Edicion de contornos

Categorias de contornos

Opciones de contorno

Caja de dialogo edit stroke

Acerca de relleno de color

Creacion y aplicación de rellenos de color

Aplicación de color desde el panel de herramientas

Categorias de relleno

Parametros de rellenos

Uso de paneles Color Palette, swatches, mixer y kuler

Panel Color Palette

Panel Swatches

Panel Mixer

Panel Kuler

Consideraciones del color en web

Color entre plataformas y paleta segura de color

Windows Gamma o Macintosh Gamma

Paleta segura

Selecciones y Grupos

Seleccion de objetos

Agrupar objetos

Seleccion de objetos dentro de un grupo

Subseleccion y superseleccion

Mover selecciones

Uso del Panel Path

Uso de layers

Acerca de los layers

Uso del panel layers

Mover objetos entre layers

Uso de Mascarillas

Uso de herramientas de texto

Convertir texto a curvas

Menu Text

Uso de efectos y estilos

Acerca de los efectos

Acerca de los estilos

Trabajo con estilos

Uso del comando Repeat

Trabajo con paginas

Trabajo con simbolos

Acerca de los simbolos

Simbolos Graficos

Edicion de Simbolos graficos

Creacion de botones

Panel States

Edicion de Botones

Creacion de animaciones

Creacion de elementos interactivos

Agregar Interactividad

Mapas de Imagen

Creación de hotspots

Web layer

Asignar URL a hotspots

Uso del panel URL

Rebanar objetos (Slicing Objects)

Creación de slices

Agregar Comportamientos

Acerca de los comportamientos

Panel comportamientos (Behaivors)

Acerca de rollovers

Rollovers complejos

Creacion de un menú desplegable

Editor de menus

Previsualizacion en un navegador

Comportamientos para Air

Creacion de slideshow

Optimizacion y exportación

Exportar desde Fireworks

Optimización de los gráficos

Caracteristicas de optimización

Panel de optimización

Guardar ajustes

Formatos de exportación

Optimizando archivos GIF

Selección de paletas de color

Tabla de color

Opciones de formatos GIF

Optimizando archivos JPEG

Opciones de JPEG

Exportar gráficos

Uso del Export Wizard

Utilizar Image Preview

Usar la caja de dialogo Export

Exportar una sola imagen

Exportar como HTML

Acerca de Roudtrip HTML

Caja de diálogo HTML

Pestaña General

Pestaña Tablas

Pestaña documento especifico

Exportar un documento con slices

Exportar un documento con CSS

Exportar un slice seleccionado

Editar gráficos de Fireworks en Dreamweaver

Exportación a PDFCreación y edición de Slices

Slices Interactivos

Hotspots y mapas de imágenes

Creación de botones y menús pop-ups

Creación de símbolos de botón

Editando símbolos de botón

Menús Pop-ups

Creación de prototipos e interfases de aplicación

Creando CSS basados en layouts

Animación Básica

Creando Símbolos animados

Editando Símbolos Animados

Interpolación (Tweening)

Crear y organizar presentaciones

Crear un reproductor personalizado de álbumes de Fireworks

Optimización y exportación

Asistente de exportación

Optimizar en el área de trabajo

Optimizar archivos PNG, TIFF, BMP, JPG

Exportando a PDF

Exportando a Dreamweaver

Adobe® Dreamweaver CS4

Diseñe, desarrolle y realice el mantenimiento de aplicaciones y sitios web basados en estándares.

Descripción

Aplicación en forma de estudio pdestinada para la construcción y edición de sitios y aplicaciones Web gran calidad y difusión con una de las herramientas de creación Web líderes del sector. El software Adobe® Dreamweaver® CS4 es ideal para diseñadores y desarrolladores Web, así como para diseñadores gráficos.

Objetivos

Crear páginas web dinámicas, con un lenguaje de programación accesible y fácil de entender, previsualizándolas en tiempo real, altamente funcionales, fáciles de actualizar y modificar.

Dirigido a

Personas que se desarrollan profesionalmente en un despacho de diseño gráfico, editorial, imprenta o agencia de publicidad.

Requisitos

Tener nociones básicas del uso de plataformas PC o Macintosh.

Duración: 30 horas.

TEMARIO

Introducción a Dreamweaver CS4

Objetivos del curso

Arquitectura estática de la página

¿Qué es XHTML?

¿Qué es Javascript?

¿Qué es CSS?

Básicos de Dreamweaver CS4

Introducción a Dreamweaver CS4

Elementos básicos de la interfaz de Dreamweaver CS4

Espacio de trabajo Designer

Crear y guardar paginas

Uso de vistas de desarrollo

Establecer las propiedades del documento

Previsualizacion de documentos

Temporary Files

Para darle un titulo a la página

Personalización del área de trabajo

Creación de un sitio Web

Crear un sitio Web

Definir un sitio Local

Home Page (Página inicio)

Manejo de TextoFolder X® La capacitación y desarrollo web más acreditados

Agregar contenido de texto

Estructura del texto

Listas

Horizontal Rules (Plecas horizontales)

Agregar caracteres especiales

Insertar Fecha y Hora

Busqueda y sustitución de texto

Revision y corrección ortografica

Fundamentos de CSS

Dar formato al texto

Hoja de Estilos (Cascading Style Sheets)

Tag Selector/ Tag Style

Class Style vs Tag Style

Cambiar una class style por una tag style

Hojas de estilo externas

Crear una hoja de estilo Externa

Editar Hojas de estilo

Orden en cascada

Herencia de estilos

Visualizacion de estilos en otros medios

Uso del Device Central CS4

Manipulación de gráficos y bibliotecas

Gráficos en la Web

Ubicar graficos en la pagina

Propiedades de la imagen

Creación de vínculos

Entender la navegación del sitio

Crear Ligas

Target

Anclas

Liga a un e-mail

Ligas con imágenes

Mapas de imágenes

Jump Menu

Control de layout con CSS

Entender la navegación del sitio

Ligas

Rutas

Crear Ligas

Target

Anclas

Liga a un e-mail

Ligas con imágenes

Mapas de imágenes

Jump Menu

Trabajo con tablas

Importación de datos tabulados

Creación de una tabla

Selección de una tabla

Propiedades de la tabla

Selección de los elementos de la tabla

Definición de las propiedades de las celdas

Edición de los renglones

Añadir renglones y columnas

Borrar un renglón

Fusionar renglones y columnas

Dividir renglones y columnas

Ordenamiento de columnas

Dar estilo a una tabla

Plantillas

Plantillas

Definir Regiones editables

Eliminar regiones editables

Crear un documento basado en una plantilla

Aplicar una plantilla a una página existente

Editar Plantillas

Edit In Context

Creación de páginas interactivas

Introducción a los Behaivors

Insertar un comportamiento

Mostrar-Ocultar capas

Llamar Javascript

Behaivors Básicos

Behaivors de Spry

Creación de data sets y componentes de Spry

Creación de un data set a partir de un HTML

Uso del asistente de Data Sets para HTML

Intercambio de Data Sets

Creación de un Data set a partir de un XML

Spry Widgets

Construcción de Formularios

Formularios

Objetos de formulario

Widgets para formularios

Procesamiento de formas

Añadir comportamientos de Javascript

Validación de un formulario

Agregando Multimedia

Colocar una película Flash

Insertar Audio

Mostrar Video de Flash

Revisión, mantenimiento y actualización del sitio

Probar el sitio

Compatibilidad con los navegadores

Mantenimiento de archivos

Conexión con un sitio remoto

Sincronización de archivos

Adobe® Flash CS4

Cree y ofrezca un contenido interactivo sofisticado

Descripción

El software Adobe® Flash® CS4 Professional constituye el entorno de creación líder del sector para generar contenidos interactivos de formidable atractivo. Distribuya sus creaciones a personas que usen distintos dispositivos y plataformas.

Objetivos

Flash CS4 te da la capacidad de hacer un sitio web, dinámico e interactivo, utilizando una programación amistosa y obteniendo resultados visuales muy atractivos. Potencia el contenido multimedia para la realización de CD’s con contenido interactivo pues permite la incorporación de gráficos, imágenes, audio y video. Pero no todo queda aquí, pues la animación en Flash CS4 se revoluciona con la posibilidad de crear animaciones en 3D.

Dirigido a

Para quienes se desarrollan profesionalmente en un despacho de diseño gráfico, editorial, imprenta o agencia de publicidad.

Duración: 30 horas.

TEMARIO

Presentación de Flash CS4

Introducción a las aplicaciones de Internet Rico en medios

Servidores de aplicación

Aplicaciones de Internet Rico en medios

Cliente Rico en medios

Plataformas de aplicaciones ricas en medios

Aplicaciones de Internet Rico en medios

Lo nuevo en Flash CS4

Trabajar en Flash

Presentación de Flash CS4

Comprender documentos Flash

Crear un documento nuevo

Establecer preferencias

Establecer propiedades del documento

Trabajar con la interfaz Flash

Publicar documentos Flash

Importar y crear gráficos

Tipos de imágenes

Importar gráficos vectoriales e imágenes de mapa de bits

Usar capas

Crear gráficos vectoriales en Flash

Modelo de dibujo de objeto (Object Drawing)

Utilizar herramientas de color en Flash

Utilizar símbolos gráficos

Crear efectos de máscara

Uso eficaz del texto

Trabajar con elementos de texto

Usar texto estático (Static Text)

Construir formularios en Flash

Comprender asuntos sobre fuentes

Usar filtros para efectos de texto

Crear animaciones

Aspectos básicos de la animación

Crear animaciones

Crear una animación por interpolación de movimiento (Tween Motion)

Controlar la línea de tiempo

Utilizar una guía de movimiento

Utilizar interpolación de formas (Tween Shape)

Escritura de ActionScript con el asistente de script

Introducción al asistente de script

Uso del asistente de script para añadir ActionScript

Añadir el panel Acciones a la Línea de tiempo

Crear botones

Añadir Botones al panel Acciones

Crear sistemas de navegación

Usar movie clips

Utilizar la acción loadMovie

Utilizar clips de película

Trabajar con movie clips

Folder X® La capacitación y desarrollo web más acreditados

Crear un movie clip

Utilizar movie clips para construir diferentes estados visuales

Utilización de eventos para controlar el estado visual

Utilización de comportamientos

Añadir sonido y vídeo

Utilización de sonido y vídeo

Trabajar con sonido

Importar archivos de sonido

Modificar propiedades de sonido

Añadir sonido a un documento Flash

Controlar sonido en la línea de tiempo

Incorporar vídeo

Utilizar el componente FLVPlayback

Publicar documentos Flash

Publicar en Internet.

Aspectos básicos de la configuración de publicación.

Publicar en diferentes formatos de archivos.

Almacenar una configuración de publicación.

Especificar que archivo SWF cargar.

Agregar detección de versión de Flash.

¿Qué afecta el tamaño del documento?

Técnicas para optimizar los documentos de Flash.

Exportación selectiva de capas