Crear menús desplegables en Dreamweaver.
DREAMWEAVER?
Un menú desplegable en una página Web se abre cuando un usuario hace clic o se cierne su cursor del ratón sobre él. Puede crear menús desplegables en Dreamweaver, un programa de creación de sitios web, con una función de widget de barra de menús de Spry del programa. Spry Menu Bar crea el menú desplegable y su marco. Todo lo que tienes que hacer es editar las etiquetas de menú y configuración de la estructura de menús para satisfacer sus necesidades.
Abra el archivo de Dreamweaver HTML en el que desea crear un menú desplegable, o iniciar un nuevo archivo HTML haciendo clic en el menú Archivo y elegir Nuevo. Se abrirá el cuadro de diálogo Nuevo documento. Seleccione HTML en la lista de tipos y el diseño que desee de la lista Layout, y luego haga clic en el botón Crear.
Haga clic en el menú Archivo y seleccione Guardar como. Nombre y guarde el archivo en el cuadro de diálogo Guardar Como
Haga clic en la ubicación de la página Web en la que desea colocar el menú desplegable.
Haga clic en el menú Insertar, elija Spry y, a continuación, seleccione Barra de menús de Spry en el menú desplegable. Se abrirá el cuadro de diálogo Barra de menús de Spry.
Seleccione el botón de Radio Horizontal y haga clic en Aceptar. Dreamweaver crea un menú desplegable horizontal en la página
Vaya al panel Propiedades y seleccione Punto 1 en la primera columna de las etiquetas del menú. La primera columna en el panel Propiedades son las etiquetas de menú de nivel superior.
Seleccione el texto existente en el campo de texto en el panel Propiedades y escriba su etiqueta de menú.
Seleccione el símbolo de almohadilla (#) en el campo Vínculo en el panel Propiedades y escriba la dirección URL para este elemento del menú.
Repita los pasos 6 a 8 hasta que haya cambiado el nombre todas las etiquetas en la primera columna y se les asignará direcciones URL a ellos. Puede crear elementos de menú de nivel superior, haga clic en el botón del Menú Añadir un icono de signo más, por encima de la columna.
Seleccionar artículo 1.1 de la segunda columna en el panel Propiedades. La segunda columna contiene las etiquetas de menú de segundo nivel.
Seleccione el texto existente en el campo de texto y escriba la etiqueta para este elemento del menú.
Seleccione el símbolo de almohadilla (#) en el campo Vínculo en el panel Propiedades y escriba la dirección URL para este elemento del menú.
Repita los pasos 10 a 8 hasta que haya cambiado el nombre todas las etiquetas en la segunda columna y se les asignará direcciones URL a ellos. Puede crear elementos de menú de segundo nivel, haga clic en el botón del Menú Añadir un icono de signo más, por encima de la columna.
Consejos y advertencias
Para crear elementos de menú desplegable de tercer nivel, seleccione la opción de menú de segundo nivel en el panel Propiedades para el que desea crear un menú de tercer nivel, y luego haga clic en el menú de botón Añadir elemento por encima de la tercera columna. Dreamweaver crea automáticamente el menú de tercer nivel en la tercera columna.
Cuando se guarda una página Web que contiene un menú de Spry, Dreamweaver crea los archivos de soporte de JavaScript y CSS, y los guarda en una subcarpeta en el directorio raíz del sitio Web SpryAssets nombre. Cuando se carga la página Web en un servidor Web, no te olvides de subir la carpeta SpryAssets. De lo contrario, el menú desplegable no se mostrará y funcionará correctamente.
No hay comentarios:
Publicar un comentario