CURSO COMPLETO DE DREAMWEAVER 8

--BÁSICOS--


Es recomendable realizar los tutos de HTML, antes de comenzar con los de Dreamweaver.

 

12 - BARRAS DE NAVEGACIÓN



Una barra de navegación es un conjunto de imágenes que se utilizan como opciones de menú para navegar dentro de una web. La barra de navegación te permite definir unos botones para ir a diferentes páginas pero de forma que cambie el aspecto del botón según muevas el ratón sobre él y según sea el último botón pulsado.

Un página web solo puede contener una única barra de navegación.

Para ello nos dirigimos a:


Insertar > Objetos de imagen > Barra de navegación


O bien podemos hacerlo a través de el panel insertar obejetos, en la opción de común:




Se nos abrirá una ventana que nos pide la información necesaria para crear nuestra barra de navegación:




Podremos espcificar cuatro imágenes diferentes, para cada uno de los botones, y un vinculo, alt, etc.. para cada uno de ellos.

A través de los botones superiores de la ventana es posible crear y eliminar botones de la barra de navegación, así como reordenarlos.

Imagen Arriba: ponemos la imagen que queremos mostrar inicialmente, es decir cuando todabía no se ha hecho click

Sobre imagen: ponemos la imagen que queremos mostrar cuando movamos el puntero sobre nuestro botón, cuando estaba mostrando la Imagen Arriba

Imagen abajo: ponemos la imagen que queremos mostrar después de que hagamos click en nuestro botón.

Sobre mientras imagen abajo:  ponemos la imagen que queremos mostrar cuando movamos el puntero sobre sobre el botón y éste estaba mostrando la imagen de Imagen Abajo.

De esta forma, si asignas imágenes distintas puedes saber cuál es el
último botón que ha sido pulsado (el que tiene Imagen Abajo).

El que existan cuatro imágenes diferentes sirve para identificar cual de los vínculos está activo, cosa que con un simple rollover no puede hacerse. Aunque no es necesario que definamos las cuatro imagenes.

A través de la opción Insertar es posible especificar si los botones de la barra de navegación van a aparecer de forma horizontal o vertical dentro de la página.


2007 ©By Almaweb.es

subir

Ir al menú de tutoriales de DREAMWEAVER

Todos los tutoriales son de mi completa autoría,

cualquier parecido con otros, es pura coincidencia.

Queda totalmente prohibida su reproduccion, total o parcial.

Si quieres enlazar mis tutoriales, no hay problema,

solo mandame un e-mail, para comunicarmelo.

Cualquier duda o sugerencia:

Tutoriales registrados

 

Alma Web

Design Sensation by almaweb.es

Foro Design Sensation