9.- Barra de navegación
Si has llegado hasta aquí es gracias a la Barra de Navegación que tienes encima de estas líneas.
Es una herramienta de Dreamweaver que permite la navegación por el sitio de manera similar a los botones flash. La ventaja de la Barra es que nos indica el botón que hemos pulsado en un momento determinado, lo que no ocurre con los botones flash ni con el texto flash.
La desventaja es que tenemos que tener previamente preparadas y guardadas las imágenes.
Para hacer las imágenes yo empleo Adobe PhotoShop.
Para cada botón de la barra tenemos que tener preparadas un máximo de cuatro imágenes. No es necesario llegar hasta el máximo. En realidad, la última imagen no es necesaria en absoluto. La Barra de Navegación de este Tutorial sólo tiene 3 imágenes.
Voy a poner un ejemplo de barra de navegación con tres botones. Estas son las imágenes que he preparado para cada botón:
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Para insertar la Barra: Insertar > Imágenes interactivas > Barra de navegación:
Aparecerá la siguiente ventana:
Empezamos con Nombre de elemento: Escribimos el nombre y vamos seleccionando las imágenes que hemos ido guardando en una carpeta (mejor dentro de la carpeta raíz del sitio). Yo las he guardado en una carpeta denominada ima.
Si la barra se coloca dentro de un marco y éste no ha sido guardado, aparecerá la siguiente advertencia:
Al hacer clic, ir a URL: Darle a Examinar para buscar el archivo o escribir la dirección entera. La siguiente casilla indica donde se va a cargar. Yo lo voy a hacer dentro de un marco, por eso estará la opción: main-frame (marco principal). Las demás opciones las dejamos como están.
Por último podemos apilar los botones Horizontalmente o Verticalmente o bien usando tablas para que queden sujetos a la distribución que queramos. Posteriormente cada botón se puede colocar en una celda distinta de la tabla.
Esta es la ventana rellena para el primer elemento de la tabla.
Para insertar el segundo elemento pinchamos en
y rellenamos los datos. Cuando hayamos acabado con todos los elementos pulsamos
Aceptar.
Si queremos modificar la barra una vez creada, hay que hacer como si fuésemos a crear una nueva. El programa nos advertirá:
Le damos a Aceptar y nos encontraremos con los elementos de la tabla. Los podremos seleccionar y hacer las modificaciones oportunas:
Para ver la barra en acción, pulsa aquí. (La Barra de este sitio es otro ejemplo que ya has comprobado desplazándote por el Tutorial).