Cómo usar barras de menú Spry en Dreamweaver CS3

Escrito por ehow contributor | Traducido por daniel gómez villegas
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo usar barras de menú Spry en Dreamweaver CS3
Dreamweaver CS3 inserta un panel mostrando el icono de la barra de menú Spry

Dreamweaver CS3 viene equipado con nuevas funciones llamadas Spry, que son una forma WYSIWYG para añadir AJAX a una página web. Automáticamente te proporcionará HTML, CSS y JavaScripts para realizar ciertas funciones interactivas. En este artículo, aprenderás cómo utilizar el widget Spry de barra de menú.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Necesitarás

  • El software Adobe Dreamweaver CS3

Lista completaMinimizar

Instrucciones

  1. 1

    Probablemente ya tienes un sitio en marcha y sabes qué enlaces necesitas en tu menú. Los ejemplos de aquí utilizan una página de diseño básica integrada en Dreamweaver CSS. Si utilizas un diseño de dos columnas como el que se muestra en la imagen, querrás la barra de menú en la barra lateral de la izquierda.

  2. 2

    Coloca el cursor donde deseas que la barra de menú esté. A continuación, haz clic en el icono en la barra Insertar Spry. Se abrirá una ventana preguntándote si deseas hacer el menú horizontal o vertical.

  3. 3

    La barra de menús aparece en la ubicación especificada. Utiliza texto de relleno como Enlace 1 y Enlace 2, que puedes personalizar.

  4. 4

    Mientras que la barra de menú está seleccionada en la ventana del documento (ver imagen en el paso 3, donde el azul resaltado indica que la barra de menú está seleccionada), puedes cambiar las propiedades mediante el inspector de propiedades. Al seleccionar los diferentes objetos de la barra de menú, puedes cambiar el texto, mover elementos hacia arriba y hacia abajo en el orden en que aparecen, añadir más enlaces o eliminar enlaces innecesarios.

  5. 5

    Puedes ver el menú en el navegador para ver cómo funciona y revisar el esquema de color.

  6. 6

    Mira la vista de código en Dreamweaver y verás que el menú es una lista estilizada para el navegador con CSS.

  7. 7

    Una hoja de estilo para el nuevo widget Spry fue agregada a tu sitio cuando agregaste el widget. Para cambiar la combinación de colores o cualquier otra regla de aspecto, dirígete al panel CSS y modifica los colores, tamaños o estilos que no hagan juego con tu sitio. Encuentra el estilo que deseas cambiar y haz clic en el icono de lápiz para editar el estilo. Realiza los cambios que desees y haz clic en Aceptar.

  8. 8

    Cuando hayas terminado de personalizar la barra de menú, recuerda que debes subir todo el código HTML, CSS y JavaScript que Dreamweaver generó para el widget Spry al servidor.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles