domingo, 2 de febrero de 2014

Menu Spry



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.


Barra menú desplegable
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:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnba2Xs0vZ1kQmWvQK5GW2AoymPoPRT3tt8Cikjpa3RO1COxCaJKJ8-NZiYg2Z0YXivA3HmT9QuvcmOYikN_BUTUe1qFdziSQba32FWcbLnYTuMMhCxu5F_rIsUSX0E-lHhdpc4tgXQuk/s1600/1.jpg
http://bit.ly/1eKLq3M
Cómo Crear Barra de Menú Spry en Dreamweaver

http://www.aulaclic.es/dreamweavercs3/graficos/menu_spry.gif
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://www.aulaclic.es/dreamweaver-cs5/graficos/menu_sin_estilos.gif
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