11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Unidad 16. Comportamientos Avanzados (VI)16.6Menús EmergentesEsta es una <strong>de</strong> las herramientas más utiles en cuanto al uso <strong>de</strong> JavaScript en <strong>Dreamweaver</strong>.Como pue<strong>de</strong>s ver en la parte superior izquierda <strong>de</strong> este apartado hemos creado tres menúsemergentes <strong>de</strong> una forma sencilla y con una apariencia fenomenal, cada uno <strong>de</strong> los menús lo hemosasociado a una imagen.Lo único que <strong>de</strong>berás tener en cuenta es que estos menús sólo se pue<strong>de</strong>n asociar a enlaces o aimágenes.Si no quieres utilizar imágenes, simplemente coje <strong>el</strong> texto (colócalo en la parte superior <strong>de</strong> lapágina) y dale como vínculo #, se convertirá en un enlace vacío. El enlace no hará nada pero estarálisto para que le asignes <strong>el</strong> menú.Más ad<strong>el</strong>ante veremos que crear enlaces vistosos para utilizar en estos menús es muy fácil conCSS.La alternativa <strong>de</strong> las imágenes es muy socorrida, pue<strong>de</strong>s utilizarla en cualquier posición <strong>de</strong>ntro d<strong>el</strong>a página y son un poco más <strong>el</strong>egantes.Para crear uno <strong>de</strong> estos menús s<strong>el</strong>ecciona la imagen o <strong>el</strong> enlace que hayas creado para tal efectoy s<strong>el</strong>ecciona Mostrar menú emergente en <strong>el</strong> pan<strong>el</strong> Comportamientos haciendo clic en <strong>el</strong> botón .Se abrirá <strong>el</strong> siguiente cuadro <strong>de</strong> diálogo:

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!