Está en la página 1de 13

VNCULOS Y NAVEGACIN

VNCULOS
Existen varios mtodos para crear vnculos de hipertexto con pginas Web, imgenes, archivos multimedia o software transferible. Algunos prefieren crear vnculos con pginas o archivos que todava no existen cuando estn trabajando, mientras que otros prefieren crear primero todos los archivos y las pginas y aadir los vnculos ms tarde. Otra forma consiste en crear pginas temporales o en borrador que representan el archivo al que queremos hacer el vnculo y permita aadir vnculos rpidamente y comprobarlos antes de terminar todas las pginas. Para crear un enlace sencillo, es por medio del inspector de propiedades, permite establecer el vnculo de un texto o de un objeto seleccionado.

Cada pgina Web tiene una direccin exclusiva, denominada URL (Localizador Uniforme de Recursos, Uniform Resource Locator).Sin embargo, cuando se crea un vnculo local (un vnculo de un documento con otro documento del mismo sitio), no suele ser necesario especificar el URL completo del documento de destino. En este caso se especifica una ruta relativa desde el documento actual o desde la carpeta raz del sitio. Existen tres tipos de rutas de vnculos: Rutas absolutas. Rutas relativas al documento. Rutas relativas a la raz del sitio. Rutas absolutas: http:/colegiobosque-informatica.blogspot.com Para vincular un documento situado en otro servidor, es preciso emplear una ruta absoluta. Las rutas absolutas proporcionan el URL completo del documento vinculado, incluido el protocolo que se debe usar (generalmente, http:// para pginas Web).

Rutas relativas al documento: dreamweaver/index.php Son las ms apropiadas para manejar vnculos locales en la mayora de los sitios Web. Resultan particularmente tiles cuando el documento actual y el documento con el que se establece el vnculo se encuentran en la misma carpeta y es probable que vayan a permanecer juntos. Asimismo puede utilizar una ruta relativa de otra carpeta, pero especificando la ruta a travs de la jerarqua de carpetas desde el documento actual hasta el vinculado. Rutas relativas a la raz del sitio: /cursos/dreamweaver/index.php Las rutas relativas a la raz del sitio indican la ruta desde la carpeta raz del sitio hasta un documento. Puede utilizar este tipo de rutas si trabaja con un sitio Web grande que usa varios servidores o un servidor que alberga varios sitios distintos. Sin embargo, si no est familiarizado con este tipo de ruta, le resultar ms cmodo mantener las rutas relativas al documento. Una ruta relativa a la raz del sitio comienza por una barra diagonal (/), que representa la carpeta raz del sitio. Por ejemplo: /inf /mision/contenido.html es una ruta relativa a la raz del sitio de un archivo (contenido.html) situado en la subcarpeta de mision de la carpeta raz del sitio.

DESTINO
El destino determina en qu ventana va a ser abierta la pgina vinculada. Puede especificarse en el inspector de propiedades a travs de Dest, o en la ventana que aparece a travs del men Insertar>> Hipervnculo.

_blank: Abre el documento vinculado en una ventana nueva del navegador. _parent: Abre el documento vinculado en la ventana del marco que contiene el vnculo o en el conjunto de marcos padre. _self: Es la opcin predeterminada. Abre el documento vinculado en el mismo marco o ventana que el vnculo. _top: Abre el documento vinculado en la ventana completa del navegador.

VINCULACIN DE DOCUMENTOS MEDIANTE EL INSPECTOR DE PROPIEDADES


Puede utilizar el icono de carpeta o el cuadro de texto Vnculo del inspector de propiedades para crear vnculos desde una imagen, un objeto o texto hasta otro documento o archivo.

1. Seleccione texto o una imagen.


2. En el inspector de propiedades (Ventana > Propiedades) siga uno de estos procedimientos: Haga clic en el icono de carpeta situado a la derecha del cuadro de texto Vnculo para localizar y seleccionar un archivo.

La ruta del documento vinculado aparecer en el cuadro de texto URL. Utilice el men emergente Relativa a del cuadro de dilogo Seleccionar archivo HTML para indicar si la ruta es relativa al documento o a la raz del sitio. Preferiblemente trabaje las rutas como Relativa al Documento. A continuacin, haga clic en Seleccionar. Escriba la ruta y el nombre de archivo del documento en el cuadro de texto Vnculo. Para establecer un vnculo con un documento del sitio, introduzca una ruta relativa al documento o relativa a la raz del sitio. Para establecer un vnculo con un documento externo al sitio, introduzca una ruta absoluta que incluya el protocolo (por ejemplo, http://). Puede utilizar este mtodo para introducir un vnculo para un archivo que an no se ha creado.

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 un mapa de imgenes, primero que todo hay que seleccionar en la pgina la imagen sobre la que se va a trabajar. Al hacer esto inmediatamente aparecer en el Inspector de Propiedades los tres botones que se utilizan para crear los mapas; tienen la forma rectangular, circular y libre. Cuando se pulsa alguno de estos botones la apariencia del puntero cambia al situarlo sobre la imagen.

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.

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 para el elemento de la barra de navegacin como, por ejemplo, Inicio. Cada elemento corresponde a un botn con un conjunto de hasta cuatro imgenes de estado.
Los nombres de elemento aparecen en la lista Elementos de barra de navegacin.

Utilice los botones navegacin.

para organizar los elementos en la barra de

2.

Haga clic en Examinar para seleccionar la imagen que desea mostrar inicialmente. 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 del Mouse sobre la Imagen Arriba.

4.

Haga clic en Examinar para seleccionar la imagen que desea mostrar despus 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 del Mouse 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.

7.

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.

8. 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.

9. 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. 10. En el men emergente Insertar, elija si desea insertar los elementos de la barra de navegacin vertical u horizontalmente en el documento.

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.

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 >> Objetos de imagen >> Imagen de sustitucin.

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 2009 SENA CEV Comunidad Educativa Virtual SENA Regional Santander Todos los derechos reservados

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 puede realizar por medio de la 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.

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 en el men 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.

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.