Crear un menu desplegable en Dreamweaver CS4
¿Cómo crear un menú desplegable en Dreamweaver CS4?, para el curso de diseño de páginas web anteriormente publiqué un tutorial relacionado en el que te explicaba como crear un sencillo menú de navegación, al mismo le hice algunas modificaciones y corregimos lo de la imagen divisoria de fondo directamente en el css.
En esta ocasión vamos a ver como crear un menú desplegable en Dreamweaver CS4, utilizando la función SPRY (Barra de Menús Spry), los menús desplegables se utilizan en diseño web para agrupar varias sub secciones dentro de secciones superiores, a fin de aprovechar el máximo del espacio de diseño disponible.
1. En Dreamweaver CS4 haz clic en la pestaña SRY.
2. Haz clic en Barra de Menús SPRY.
3. Dreamweaver CS4 te mandará a guardar el archivo (si aun no lo has hecho).
4. Luego de guardar el diseño de la página web selecciona el tipo de menu a crear, Dreamweaver te presenta dos opciones y para efectos del tutorial seleccionaremos “Horizontal”.
5. Al presionar Aceptar, puedes ver como se ha insertado el Menu en la vista de Diseño de Dreamweaver CS4.
6. Además, el panel de propiedades ha cambiado, si presionas la pestaña azul (imagen del punto 4), podrás personalizar los elementos de diseño del Menú desplegable, esta pantalla está dividida en 5 columnas, la primera corresponde al nombre del Spry (puedes dejarlo igual), las columnas 2, 3 y 4 corresponden a los distintos niveles del menú desplegable, y en la columna 5 es donde escribes los textos que aparecerán visibles para el usuario, el vínculo / titulo y destino del enlace. (Para comprender el destino del enlace te recomiendo ver como crear vinculos en html)
7. Si das clic a la columna 3 verás como en la columna 5 el campo texto te muestra el valor de ese campo específico, aquí es donde vas a cambiar esos valores para que el menú deplegable muestre toda tu información.
Dreamweaver CS4 te manda la advertencia que agregará a la raiz de tu sitio los archivos que ves en la imagen, además agregará una carpeta llamada “SpryAssets” que deberás subir al servidor junto con el archivo si quieres que funcione el menú desplegable en internet.
El menú ya está listo, pero ahora vamos a personalizarlo, para ello te recomiendo leer el tutorial oficial en el sitio de adobe, en este sitio encontrarás todas las instrucciones del CSS con su respectiva explicación.
En diseño web esta es solo una forma de hacer menú desplegable, de hecho es la forma más sencilla, la idea del curso de diseño de páginas web es darte a conocer las distintas alternativas que tienes para realizar una misma acción.
Además puedes descargar el archivo del tutorial desde mediafire.
Muy interesante aporte. Aprender a programar puede abrir muchas puertas en el ámbito laboral pues la actividad del programador profesional está en verdadero auge en la actualidad.
Gracias por la información, solo que se queda estatico, como puedo hacer para que se esconda y solo aparezca cuando el cursor se pose en el vinculo.
Gracias
revisa las propiedades del Spry