Creación de botones

Buenos días jóvenes estudiantes:

Pregunta de la clase:

¿Cómo puedo elaborar botones y menú para nuestra página web?

Creación de botones

Fireworks nos permite crear diversos botones JavaScript y menús emergentes CSS o JavaScript incluso a usuarios que no dominan JavaScript y el código CSS. El editor de botones de Fireworks permite guíar al usuario a través del proceso de creación y la forma como automatizar muchas de las tareas. El resultado es un práctico símbolo de botón a partir del cual se pueden crear instancias fácilmente para diseñar una barra de navegación.

Creación de símbolos de botón

Los botones constituyen los elementos de navegación de una página Web. Los botones creados en el Editor de botones tienen las siguientes características:

1. Podemos covertir fácilmente cualquier gráfico u objeto de texto en un botón.

2. Se puede crear un botón nuevo o convertir un objeto existente en un botón además de importar otros ya creados.

3. Un botón es un tipo especial de símbolo. Es posible arrastrar instancias del respectivo botón desde la biblioteca de símbolos al documento.

4. De este modo puede cambiar el aspecto gráfico de un botón y actualizar automáticamente el aspecto de todas las instancias del botón en una bar nav.

5. Podemos editar el texto, la URL y el elemento destino de una instancia de botón sin afectar al resto de las instancias del mismo botón y sin romper la relación símbolo-instancia.

6. Las instancias de botón están encapsuladas. Al arrastrar la instancia de botón hacia el documento, Fireworks desplaza todos los componentes y estados asociados, por lo que no es necesario editar los distintos fotogramas.

7. Un botón puede editarse de forma fácil. Dé doble clic en la instancia del lienzo y podrá modificarlo en el Editor de botones o el Inspector de propiedades.

Acerca de los estados de botón

Podemos colocar dentro de botón hasta cuatro estados diferentes. Cada estado representa el aspecto del botón en respuesta a una acción del ratón:

1. Estado Arriba, es el estado de reposo o predeterminado del botón.

2. Estado Sobre, este estado se visualiza cuando movemos o desplazamos el puntero del mouse sobre el botón. Este estado avisa al usuario de que al hacer clic es probable que se produzca una acción.

3. Estado Abajo, este estado corresponde cuando hacemos clic en el botón. A menudo se utiliza una imagen cóncava del botón para indicar que se ha pulsado. Este estado representa normalmente la página Web actual en las barras de navegación con varios botones.

4. Estado Sobre y Abajo, este estado se presenta cuando movemos el puntero sobre un botón que se encuentra en estado Abajo. Este estado de botón normalmente indica que el puntero está sobre el botón correspondiente a la página Web actual en las barras de navegación con varios botones.

Utilizando el Editor de botones podemos crear todos estos estados, así como el área para la activación de la acción del botón.

Me divierto haciendo mi diseño de página web

Elaborar el diseño de tu página web de tu empresa que tienes en mente y lo queremos hacer realidad.

Les presento un modelo ustedes tienen que superar este modelo:

Tener en cuenta que solo es una página y las capas si son varias.