domingo, 7 de abril de 2013

CREACIÓN DE UN MENÚ EN ADOBE DREAMWEAVER CS6

Para crear un menu en adobe dreamweaver CS6 se llevan a cabo los siguientes pasos:

1. Abrimos el programa Adobe Dreamweaver Cs6 y elegimos crear nuevo HTML



2. En la barra de herramientas, damos clic en el comando insertar > Spry > Barra de menús de spry


3. Nos aparecerá una ventana que nos dice que escojamos el diseño del menú que puede ser horizontal o vertical, en este caso yo elegí horizontal.


4. Elegimos el numero de comandos que tendrá nuestro menú  yo elegí 3 y enseguida nos saldrá una barra de menús de spry dependiendo del numero de comandos que elegimos. 

5. En la parte inferior observaremos que aparece una barra de propiedades para la edición del menú  nos dedicaremos a llenar los campos del menú de acuerdo a lo que queremos que aparezca. 


* El mas y el menos sirve para agregar o eliminar un campo; la fecha arriba y abajo sirve para ordenar el menú.

* El primer cuadro que nos aparece en la barra de propiedades corresponde a los comandos que vamos a crear, el segundo cuadro a lo que se va a desplegar de cada comando y el tercero a lo que se despliega de cada subcomando. 

6. Para agregar un vinculo hacemos lo siguiente: En la parte derecha de la barra de propiedades del menú  observamos que hay un campo texto que nos indica el nombre que le otorgamos al comando, debajo esta vinculo y en frente un campo desocupado, si queremos que se dirija a una pagina web solo copiamos su dirección o si queremos que se dirija a una imagen o a un archivo, damos clic en la carpeta que sale y elegimos el archivo. 


7. Continuamos agregando vínculos hasta terminar nuestro menú.

8. Guardamos el archivo.

- Ahora podemos ver que nos aparecerá en la carpeta donde guardamos el archivo un icono de un explorador, le damos clic y nos saldrá algo así: 


- Si le damos clic en cualquiera de los comandos, nos debe dirigir al vinculo que le agregamos anteriormente.


- Enseguida nos sale el vinculo.











3 comentarios: