Instituto de Educacin Superior Tecnolgico Privado

SEMANA

03

ABOBE FIREWORKS CS5

SMBOLOS

Los elementos grficos reutilizables en Fireworks se denominan smbolos. Fireworks tiene tres tipos de smbolos: smbolos grficos, de botn y de animacin. Al editar el objeto de smbolo original, las instancias copiadas cambian de manera automtica para reflejar el smbolo editado (a menos que se rompa el vnculo entre ambos). Los smbolos tambin permiten crear botones y objetos de animacin en varios estados. CREAR SMBOLOS Los smbolos se pueden crear a partir de cualquier objeto, bloque de texto o grupo y despus se pueden guardar en la ficha Biblioteca comn del panel Activos. Desde aqu, puede editar el smbolo y colocarlo en sus documentos. Crear un smbolo a partir de un objeto seleccionado 1. 2. 3. 4. 5. 6. Seleccione el objeto y elija Modificar > Smbolo > Convertir en smbolo. Introduzca un nombre para el smbolo en el cuadro Nombre. Seleccione un tipo de smbolo. Para escalar el smbolo sin distorsionar su geometra, seleccione Activar guas de escala en 9 divisiones. Para guardar el smbolo para que pueda utilizarse en varios documentos, seleccione la opcin Guardar en Biblioteca comn. Haga clic en Aceptar para guardar el smbolo. El objeto seleccionado se convierte en una instancia del smbolo, y el Inspector de propiedades muestra las opciones de smbolo.

Crear un smbolo desde cero 1 Siga uno de estos procedimientos: a. Seleccione Edicin > Insertar > Nuevo smbolo. b. Elija Nuevo smbolo en el men de opciones del panel Biblioteca de documentos. Seleccione un tipo de smbolo. Para utilizar las guas de escala de 9 divisiones para escalar el smbolo, seleccione la opcin Activar guas de escala en 9 divisiones y, a continuacin, haga clic en Aceptar. Cree el smbolo mediante las herramientas del panel Herramientas.

2 3 4

CREACIN DE BOTONES

Los botones (un tipo especial de smbolo) se utilizan como elementos de navegacin para una pgina web. Mediante el Inspector de propiedades, resulta muy fcil editar los botones. Ya que es posible arrastrar instancias de un botn desde la biblioteca de smbolos al documento, se puede cambiar el aspecto grfico de un nico botn y actualizar automticamente el aspecto de todas las instancias de botn de una barra de navegacin.

Prof. MOQUILLAZA LVANO, Cristopher

TALLER DE DESARROLLO WEB II

Crear un botn con dos estados 1 Para acceder al modo de edicin de smbolos, realice una de las acciones siguientes: a. Haga doble clic en un botn existente en el lienzo. b. Elija Edicin > Insertar > Nuevo botn. Para crear el estado Sobre, seleccione Sobre en el men desplegable y realice una de las acciones siguientes: a. Haga clic en Copiar grfico Arriba, pegue la copia del botn en estado Arriba en la ventana del estado Sobre y modifquelo.

CREACIN Y EDICIN DE DIVISIONES

Las divisiones son los elementos bsicos para la creacin de interactividad en Adobe Fireworks. Las divisiones son objetos Web que existen en ltima instancia como cdigo HTML. Es posible ver, seleccionar y asignar otro nombre mediante la capa de Web del panel Capas. La divisin "corta" un documento de Fireworks en porciones ms pequeas que se exportan como archivos independientes. Durante la exportacin, Fireworks crea un archivo HTML que contiene el cdigo de la tabla que recompone el grfico en un navegador Web.

La divisin 'corta' un documento de Fireworks en varias porciones que se exportan como archivos independientes.

Crear y aadir un rollover simple Un rollover simple intercambia el estado que se encuentra justo debajo del estado superior y requiere slo una divisin.

Prof. MOQUILLAZA LVANO, Cristopher

TALLER DE DESARROLLO WEB II

1 Asegrese de que el objeto de activacin no se encuentra en una capa compartida. 2 Seleccione Edicin > Insertar > Insertar divisin rectangular o Insertar divisin poligonal para crear una divisin sobre el objeto de activacin. 3 Cree un nuevo estado en el panel Estados haciendo clic en el botn Estado nuevo/duplicado. 4 Cree, pegue o importe una imagen para utilizarla como imagen de intercambio en el nuevo estado. 5. Coloque la imagen bajo la divisin creada en el paso 2. Aunque actualmente se encuentra en el estado 2, la divisin es visible. 6. Seleccione el estado 1 en el panel Estados para volver al estado que contiene la imagen original. 7. Seleccione la divisin y coloque el puntero sobre el tirador de comportamiento.

Nota: puede seleccionar la divisin en cualquier estado. 8. 9. Haga clic en el tirador de comportamiento y elija Aadir un comportamiento de Rollover simple en el men. Haga clic en la ficha Vista previa y pruebe el rollover simple o presione F12 para verlo en un navegador.

CREAR ZONAS INTERACTIVAS

CREAR UNA ZONA INTERACTIVA RECTANGULAR O CIRCULAR 1. Seleccione la herramienta Zona interactiva rectangular o Zona interactiva circular en la seccin Web del panel Herramientas.

Prof. MOQUILLAZA LVANO, Cristopher

TALLER DE DESARROLLO WEB II

Las zonas interactivas resultan convenientes cuando desea vincular reas de una imagen con otras pginas Web, pero no necesita resaltar estas reas ni producir efectos de rollover en respuesta a los movimientos o acciones del ratn. Las zonas interactivas pueden ser rectngulos, crculos o polgonos. Los polgonos son tiles cuando se trabaja con imgenes intrincadas. Es posible seleccionar un objeto e insertar en l la zona interactiva.

2 Arrastre la herramienta Zona interactiva para dibujar una zona interactiva sobre un rea del grfico. Mantenga presionada la tecla Alt (Windows) u Opcin (Mac OS) para dibujar a partir de un punto central. Crear una zona interactiva con forma irregular 1. 2. Elija la herramienta Zona interactiva poligonal. Haga clic en la herramienta para trazar los puntos de vector, igual que si estuviese dibujando segmentos de lnea recta con la herramienta Pluma. El relleno permite definir el rea de la zona interactiva, sin importar si el trazado est abierto o cerrado.

Crear una zona interactiva mediante el trazado de uno o varios objetos seleccionados 1. 2. Selecciona varios objetos y, a continuacin Edicin > Insertar > Zona interactiva. Haga clic en Una para crear una zona interactiva rectangular nica que cubra todos los objetos o Varias para crear mltiples zonas interactivas (una por cada objeto). En la capa de Web aparece una o varias zonas interactivas nuevas.

ASIGNAR UN DESTINO PARA UNA DIVISIN O ZONA INTERACTIVA SELECCIONADA

Un destino es un estado de pgina web alternativo, o un navegador Web, en donde se abre el documento vinculado. Introduzca el nombre del estado HTML en el cuadro de texto Destino o elija un destino reservado en el men emergente Destino: _blank _parent Carga los documentos vinculados en una ventana de navegador nueva sin nombre. Carga el documento vinculado en el conjunto de estados primario o en la ventana del estado que contiene el vnculo. Si el estado que contiene el vnculo no est anidado, el documento vinculado se cargar en la ventana completa del navegador. Carga el documento vinculado en el mismo estado o en la misma ventana que el vnculo. Debido a que este destino est implcito, normalmente no es preciso especificarlo. Carga el documento vinculado en la ventana de navegador completa y, por consiguiente, se eliminan todos los estados.

_self

_top

Prof. MOQUILLAZA LVANO, Cristopher

TALLER DE DESARROLLO WEB II