Todo-DreamWeaver
índice tutoriales utilidades descargas comunidad foros mapa
 

indice
   Índice
tutoriales
  Accesibilidad
  Básicos
  Capas
  Formularios
  Herramientas
  Interactividad
  Marcos
  Menús
  Multimedia
  Otros
  Plantillas
utilidades
  Faq's
  Links
  Artículos
  Biblioteca
 
descargas
  Descargar   DreamWeaver
  Manuales
  Extensiones
  Plantillas
  Otros
 
comunidad
  Foros
  Ofertas de Trabajo
Creación de un menú desplegable en Dreamweaver (3)
   

Dentro de estas capas secundarias introduciremos tablas con el numero de celdas que hayamos calculado con el tamaño de cada capa. Una vez hecho esto en todas las capas deberíamos colocar las imágenes o las palabras de nuestro menú para poder configurar los comportamientos, ya que si no colocamos nada dentro de las capas, estas no se verán cuando aparecen o desaparecen por ser transparentes. Otra solución es darles un color de fondo.

menú desplegable

 

El último paso para terminar nuestro menú será dar a cada capa un comportamiento. Para eso necesitamos la ventana comportamiento que, si no la tenemos ya a la vista, presionando la tecla F3 aparecerá. Para poder jugar con los comportamientos de "mostrar u ocultar capa" debemos trabajar con un vinculo (estos vínculos serán las imágenes que hemos colocado dentro de las celdas y en su defecto las palabras, para hacer este vinculo introduciremos en el espacio reservado para los vínculos de la ventana propiedades el símbolo "#" creando así un vínculo en blanco, a continuación presionaremos el vinculo creado (en la parte inferior de la página principal aparecerá el símbolo de vínculo "<a>" en negrita) después iremos a la ventana comportamiento y presionaremos el símbolo "+" y pincharemos en "Mostrar - Ocultar capas" y nos aparecerá una ventana con un listado de todas las capas que tenemos creadas, lo que tenemos que hacer es presionar la capa que se tendría que desplegar cuando pasásemos el ratón por encima del vinculo que estamos modificando y apretar el botón "Mostrar" y las demás capas pincharlas y ocultarlas de la misma forma que hemos hecho antes pero en este caso apretando el botón de "Ocultar".

Este paso lo repetiremos para cada una de los cinco vínculos principales de los que se nos desplegarán los correspondientes submenús.

 
   
David Marín
 
Pagina 1/3 - Pagina 2/3 - Pagina 3/3  

 

 
otras webs
 
  Todo-Photoshop
 
  WebTaller
 
  Plantillas Web
 

todo-dreamweaver