Semana3

Vnculos y Navegacin

MAPA DE IMGENES
El mapa de imagen es una imagen que se ha dividido en regiones o zonas
interactivas. Cuando el usuario hace clic en una zona interactiva, se realiza una
accin (se abre un archivo nuevo, por ejemplo).

Para crear los mapas se utilizan tres botones, tienen la forma rectangular, circular
y libre. Cuando se pulsa alguno de estos botones la apariencia del puntero cambia
al situarlo sobre la imagen.

Copyright 2005 SENA - CEV Comunidad Educativa Virtual SENA Regional Santander
Todos los derechos reservados.

Semana3
Vnculos y Navegacin

Si esta seleccionando el mapa de imgenes, aparecer el inspector de

propiedades de zonas interactivas.

En la casilla de vnculo se puede referenciar a una parte de la misma pgina, a un

archivo o a una pgina nueva. La apariencia del puntero cambia al pasar sobre la
forma de mapa que se creo.

Copyright 2005 SENA - CEV Comunidad Educativa Virtual SENA Regional Santander
Todos los derechos reservados.

Semana3
Vnculos y Navegacin

BARRA DE NAVEGACIN
Una barra de de navegacin se compone de una imagen o un conjunto de
imgenes cuya visualizacin cambia segn las acciones que realiza el usuario. La
barra de navegacin permite desplazar fcilmente entre las pginas y los archivos
de un sitio.
En la siguiente imagen se resalta con una lnea roja la barra de navegacin.

Antes de usar el comando Insertar barra de navegacin, cree un conjunto de

imgenes para los estados que se mostraran con cada elemento de navegacin.
Un elemento de navegacin se puede considerar como un botn, ya que al hacer
clic en l, lleva al usuario a otra pgina.
Para insertar una barra de navegacin se debe dirigir al men Insertar >>
Objetos de imagen >> Barra de Navegacin.

Para establecer las opciones de las barras de navegacin:

1.

introduzca un nombre
elemento de la barra de navegacin como, por ejemplo, Inicio.

para

el

Cada elemento corresponde a un botn con un conjunto de hasta cuatro

imgenes de estado.
Copyright 2005 SENA - CEV Comunidad Educativa Virtual SENA Regional Santander
Todos los derechos reservados.

Semana3
Vnculos y Navegacin

Los nombres de elemento aparecen en la lista Elementos de barra de

navegacin.

Utilice los botones

navegacin.
2.

para organizar los elementos en la barra de

haga clic
Examinar para seleccionar la imagen que desea mostrar inicialmente.

en

Nota: este cuadro de texto es obligatorio. Las dems opciones de estado

de imagen son opcionales.
3.

haga clic en
Examinar para seleccionar la imagen que desea mostrar cuando el usuario
mueva
el
puntero
sobre
la
imagen
Arriba.

4.

haga clic en
Examinar para seleccionar la imagen que desea mostrar despus de que el
usuario haga clic en la imagen.

5.

haga
clic en Examinar para seleccionar la imagen que desea mostrar cuando el
usuario
mueva
el
puntero
sobre
la
imagen
Abajo.

6.

introduzca un nombre
descriptivo para el elemento. Los lectores de pantalla leen el texto
alternativo y algunos navegadores muestran este texto cuando el usuario se
desplaza por el elemento de la barra de navegacin.
Copyright 2005 SENA - CEV Comunidad Educativa Virtual SENA Regional Santander
Todos los derechos reservados.

Semana3
Vnculos y Navegacin

haga clic en el botn Examinar para seleccionar un archivo vinculado y

abrirlo. A continuacin, elija una ubicacin en el men emergente para abrir
el archivo.
7. Seleccione Carga previa de imgenes para transferir las imgenes cuando
se cargue la pgina. Si no selecciona esta opcin, es posible que se
produzca una demora cuando el usuario mueva el puntero sobre la imagen
de sustitucin.

8. Seleccione Mostrar "Imagen abajo" inicialmente para mostrar el elemento

seleccionado en su estado Abajo cuando se muestra la pgina, en lugar de
su
estado
Arriba
predeterminado.
9. En el men emergente Insertar, elija si desea insertar los elementos de la
barra de navegacin vertical u horizontalmente en el documento.

10. Active la casilla de verificacin Utilizar tablas para insertar los elementos de
la barra de navegacin en una tabla.

11. Haga clic en el botn de signo ms (+) para aadir otro elemento a la barra
de navegacin y, a continuacin, repita los pasos anteriores para definir el
elemento.

12. Haga clic en Aceptar cuando termine de aadir y definir elementos a la

barra de navegacin.
Copyright 2005 SENA - CEV Comunidad Educativa Virtual SENA Regional Santander
Todos los derechos reservados.

Semana3
Vnculos y Navegacin

ROLLOVER (IMAGEN DE SUSTITUCIN)

La imagen de sustitucin o Rollover, es una imagen que al visualizarse en un
navegador, cambia cuando el puntero pasa sobre ella. Se puede crear una imagen
de sustitucin con dos archivos de imgenes: la imagen original (la que aparece al
cargarse inicialmente la pgina) y la imagen de sustitucin (la que aparece al
pasar el puntero sobre la imagen principal). Ambas imgenes deben tener el
mismo tamao. Si tienen tamaos distintos, Dreamweaver cambia
automticamente el tamao de la segunda imagen para que se ajuste a las
propiedades de la primera.
Para insertar un Rollover se debe ingresar al men Insertar >>Imagen de
sustitucin >> Objetos de imagen.

Es recomendable tener seleccionada la opcin de carga previa para evitar

demoras cuando se cargue la pgina. En Texto Alternativo se introduce
informacin que describa la imagen para que el usuario la visualic al pasar el
cursor sobre esta. En el campo Al hacerse clic, ir a URL, haga clic en Examinar y
seleccione el archivo o escriba la ruta del archivo que desea que se abra cuando
un usuario haga clic en la imagen de sustitucin.

Copyright 2005 SENA - CEV Comunidad Educativa Virtual SENA Regional Santander
Todos los derechos reservados.

Semana3
Vnculos y Navegacin

UTILIDADES FLASH
Flash es una herramienta de edicin con la que pueden crearse desde
animaciones simples hasta complejas aplicaciones Web interactivas. Las
aplicaciones de Flash pueden enriquecerse aadiendo imgenes, sonido y vdeo.
Cuando crea con Flash, trabaja con un documento de Flash, un archivo que, al
guardarse, tiene la extensin .fla. Una vez que est preparado para desarrollar su
contenido de Flash, lo publica, creando un archivo SWF de Flash con una
extensin .swf.
Dreamweaver permite insertar elementos Flash en sus documentos. Los
elementos Flash (extensin .SWF) se podrn visualizar si el usuario tiene
instalado el Flash player el cual se puede descargar desde la siguiente direccin:
http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Versio
n=ShockwaveFlash&Lang=Spanish&P5_Language=Spanish

Para insertar un archivo flash hay que desplazarse al Men Insertar >>Media >>
Flash. Tambin se pueden realizar por medio de la categora Comn de la barra
Insertar, seleccione Media y luego
o por combinacin de teclas Ctrl + Alt + F.

Texto Flash
El objeto de texto Flash permite crear e insertar una pelcula Flash que slo
contiene texto. Esto permite crear una pequea pelcula de grficos vectoriales
con fuentes de diseo y el texto que elija.
Para insertar un objeto de texto flash se debe dirigir al men Insertar>> Media >>
Texto Flash.
En el cuadro de dilogo Insertar texto Flash adems del texto, el vnculo y el
nombre con el que ser guardado el texto, hay que especificar el color original y el
de sustitucin.

Copyright 2005 SENA - CEV Comunidad Educativa Virtual SENA Regional Santander
Todos los derechos reservados.

Semana3
Vnculos y Navegacin

Botones Flash
Los botones Flash son Similares a las imgenes de sustitucin, realizan acciones
cuando se pasa el cursor del Mouse por encima del botn.
Para insertar un Botn Flash seleccione Insertar >> Media>>Botn Flash.
En Estilo seleccionan el botn que deseen utilizar, tambin si el tipo de botn lo
permite se podr introducir un texto con el tipo de fuente deseada. Adems puede
establecer vnculos y sus destinos, adems permite insertar un color de fondo al
botn.

Copyright 2005 SENA - CEV Comunidad Educativa Virtual SENA Regional Santander
Todos los derechos reservados.

Semana3
Vnculos y Navegacin

Se recomienda guardar los botones Flash en el mismo directorio donde se

encuentren las paginas html, ya que de no ser as, es posible que al intentar
asignar un vnculo dentro del propio sitio, Dreamweaver no permita guardar el
botn con ese vnculo en una ubicacin diferente de la de dicho documento.
Nota: Los botones flash se guardan con la extensin .swf.
El inspector de propiedades muestra las propiedades del botn Flash. Puede
utilizar el inspector de propiedades para modificar los atributos HTML del botn,
como su ancho, alto y color de fondo.

Para la realizacin de este documento, se tomo como referencia el

manual Utilizacin de Dreamweaver MX 2004 de la empresa
Macromedia y del Sitio Web
http://www.aulaclic.es/dream2004/f_dreamweavermx.htm .

Copyright 2005 SENA - CEV Comunidad Educativa Virtual SENA Regional Santander
Todos los derechos reservados.