Las primeras cuatro fichas representan los estados del botn.

La ltima, rea Activa, representa el

rea activa del botn, es decir, donde debe hacer clic o mover el ratn el usuario para activar los
estados del botn. El rea activa tambin es el rea intercambiada del botn, es decir, el rea que
cambia con cada estado del botn. Actualmente no hay estados asociados al smbolo de botn
salvo el estado Arriba, que es el estado del botn antes de que el ratn pase o haga clic sobre l.

9. Haga clic en la ficha Sobre y, a continuacin,

en el botn Copiar grfico Arriba. Seguidamente
desagrupe. (Selecciona con el puntero negro y
utiliza el comando Ctrl + Mayus + G) o puede ir
al Men Modificar>Desagrupar
La imagen del botn se copia de la ficha Arriba.
El estado Sobre de un botn es su aspecto
cuando el puntero pasa sobre l. Para que el
usuario reciba informacin visual, decide cambiar
el color del rectngulo sobre el que aparece el
texto.
10. Seleccione el rectngulo en la ficha Sobre,
con cuidado de seleccionar el rectngulo y no el
texto.
Para seleccionar el rectngulo, seleccione la herramienta Subseleccin (o pulse A) y pase con
cuidado sobre los bordes derecho o izquierdo del grfico de botn. Deben aparecer los contornos
de los dos objetos superpuestos. El rectngulo tiene 4 puntos de seleccin mientras que el texto
tiene 6. Seleccione el contorno con 4 puntos de seleccin. Si el nombre del objeto en el Inspector
de propiedades es "Button rectangle", ha seleccionado el rectngulo correctamente.
11. Haga clic en el cuadro Color de relleno en el Inspector de propiedades y seleccione el color
negro.
El rectngulo aparece en negro y el texto sigue siendo blanco.
1. Haga clic en la ficha Abajo del editor de botones y despus en el botn Copiar grfico Sobre.
La imagen del botn se copia de la ficha Sobre. El estado Abajo de un botn es su aspecto cuando
el usuario hace clic sobre l. Esta vez no va a cambiar el color del rectngulo; lo dejar tal cual
est.
2. Haga clic en Listo en el editor de botones para aplicar los cambios al smbolo de botn.
Desactive las divisiones si es necesario. Cuando haya terminado, haga clic en el botn Original y
vuelva a activar las divisiones.
Aplique nuevamente los pasos 9 al 13 para configurar el estado Sobre y Abajo
3. Haga clic en el botn Vista previa de la ventana de documento y compruebe los estados del
botn.
NOTA: Guarde el trabajo: Seleccione Archivo > Guardar para guardar el archivo PNG de origen.

4. PROCESO PARA EXPORTAR UN BOTON: El botn debe ser exportado al formato Html para
que conserve sus estados y poderlo Insertar en una pgina web

Ahora el documento est listo para exportar.

1. Seleccione Archivo > Exportar.
2. En el cuadro de dilogo Exportar, localice la carpeta en el disco duro en la cual guardara el
archivo.

3. Compruebe que en el men emergente Exportar est seleccionado HTML e imgenes.

4. Asigne el nombre al botn
Predeterminado.
5. Haga clic en Exportar.
Los archivos se exportan a la ubicacin especificada.