Como hacer un
Menú Spry
Dreamweaverincorpora múltiples utilidades para crear páginas web sin necesidad
de programar. Estas herramientas permiten, entre otras cosas, insertar tablas,
formularios, textos, widgets, contenidos multimedia o transiciones css de manera rápida y
sencilla.
Una de las posibilidades que nos ofrece Dreamweaver, es la utilización de
Barras de menús ya preestablecidas, las cuales nos permitirán realizar vínculos
de manera rápida y profesional.
En esta ocasión vamos
a ver cómo diseñar una barra de menú desplegable Spry en tan sólo unos
pocos minutos, la cual puede ser tanto vertical como horizontal.
![]() |
http://bit.ly/1k1n1hI |
Insertar un Spry Menú en nuestro sitio
Clic en el panel insertar y luego en Barra de
menús de Spry
Aunque nos pueden ser de gran ayuda,
las barras de menús Spry, no siempre presentan una apariencia agradable,
es por eso que podemos modificar su aspecto de la siguiente manera:
![]() |
http://bit.ly/1eKLq3M |
Cómo Crear
Barra de Menú Spry en Dreamweaver
![]() |
http://bit.ly/1ej7ebD |
En muchas ocasiones
necesitamos en una página, o en un sitio web contar con una barra desplegable
de menús y submenús. En Dreamweaver podemos contar con esta opción de hasta 3
niveles para poder realizar un menú con sus diferentes submenús, además de
cambiar sus propiedades tantas de texto, tamañas, color, entre muchas más.
Insertar Menu Spry
![]() |
http://bit.ly/1fzGPFm |
En las anteriores
unidades vimos cómo poder acceder a datos utilizando Spry. Aunque la
funcionalidad de esta librería no se limita únicamente a eso. Como hemos podido
ver también éramos capaces de realizar operaciones dinámicamente sin necesidad
de realizar refrescos en la página.
En esta unidad y las
posteriores veremos las posibilidades de Spry para crear comportamientos AJAX
en nuestro sitio.
Ahora veremos qué
puede hacer Dreamweaver por nuestros formularios. Encontrarás las opciones
que utilizaremos bajo el menú Insertar → Spry o en la
barra Insertar, pestaña Spry.
Ya hemos creado una
barra de menú desplegable completamente funcional con la ayuda de Spry. De
todos modos, es posible que queramos personalizar algunas propiedades de la
barra: fuentes, colores, tamaños.
Pues bien, este
sistema ha creado un conjunto de archivos auxiliares
con extensiones css y jsp, que se encuentran en una carpeta llamada
SpryAssets. Por tanto, podemos editar su diseño desde el panel Estilo CSS de Dreamweaver, o
bien desde el propio archivo css que ha generado Spry.
![]() |
http://bit.ly/1aU5Pbf |
Bibliografía
No hay comentarios:
Publicar un comentario