Crear Botones con Fireworks

1) Crear rectángulo y colocar el texto deseado dentro.

2) Seleccionamos ambos, apretamos F8 y seleccionamos Elegir botón.

3) Doble clic sobre el botón para acceder a los Estados del mismo. Aquí podremos agregar efectos a los distintos estados del botón.

Estado Arriba – El estado normal de botón. Utilice las herramientas de dibujo y de edición para crear el estado arriba del botón. Para editar vínculos o comportamientos, seleccione primero la ficha de área activa.

Estado Sobre – aparece cuando el cursor está sobre el botón. Utilice las herramientas de dibujo y de edición para crear el estado sobre del botón. Para editar vínculos o comportamientos, seleccione primero la ficha de área activa.

Estado Abajo – Crea una imagen “presionada del botón. Este estado se utiliza en las barras de navegación, no en los rollovers simples. Para editar vínculos o comportamientos, seleccione primero la ficha de área activa.

Estado sobre y abajo – cuando el botón está presionado, si se sitúa el cursor sobre él, seguirá cambiando de aspecto. Utilice este estado de botón en las barras de navegación con varios botones. El estado sobre y abajo no se utiliza en rollovers simples. Para editar vínculos o comportamientos, seleccione primero la ficha de área activa.

Área activa: Es cuando queremos que active la “manito” para poder clickear el botón. Dependiendo de la audiencia de la página dependerá si esta zona será grande o bien precisa.

4) Clickeo sobre “Copiar gráfico Abajo” para importar el botón a los distintos estados.

5) Una vez hecho apretamos sobre “Listo”.

6) Apretamos F12 para ver la vista preliminar en el navegador.

Nota: Si me posiciono sobre el botón y debajo del navegador aparece javascript:; significa que no hay ningún vínculo asociado al botón.

Para vincular el botón me posiciono sobre el mismo en fireworks y debajo veremos el campo Vínculo. En el caso que queramos vincular el botón hacia fuera de nuestra página deberemos poner obligatoriamente http:// antes del www. (ej: http://www.pcnetworkbible.com).

Destino – Blank – Lo abre en una nueva ventana.

                Self   – Lo abre en la misma página.

La opción ALT hace referncia al campo de texto que aparece cuando nos posicionamos sobre el botón. Se usa para que la gente no vidente pueda leer la página sin problemas.

Con estos pasos podrás crear fácilmente un botón web en fireworks.