Diplomado Web. Adobe Fireworks CS4. Descripción. Objetivos. Dirigido a. Requisitos. Lo que incluye. Duración

Transcripción

1 Diplomado Web 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. Lo que incluye Constancia con valor curricular. Carpeta completa con material CD con archivos de ejercicios Duración 30 horas.

2 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

3 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

4 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

5 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

6 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

7 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

8 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

9 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. Lo que incluye Constancia con valor curricular. Carpeta completa con material CD con archivos de ejercicios Duración 30 horas.

10 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 Texto

11 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

12 Entender la navegación del sitio Crear Ligas Target Anclas Liga a un 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 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

13 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

14 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

15 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. Requisitos Tener nociones básicas del uso de plataformas PC o Macintosh. Lo que incluye Constancia con valor curricular Carpeta completa con material CD con archivos de ejercicios Duración 30 horas.

16 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

17 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

18 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