Exposición Dreamweaver Integrantes: Piero Alvarez Andrea Deleg Cristian Rodriguez Milena Gomez Jhoni Leon.

Presentación del tema: "Exposición Dreamweaver Integrantes: Piero Alvarez Andrea Deleg Cristian Rodriguez Milena Gomez Jhoni Leon."— Transcripción de la presentación:

1 Exposición Dreamweaver Integrantes: Piero Alvarez Andrea Deleg Cristian Rodriguez Milena Gomez Jhoni Leon

2 Concepto de Hipervínculo.   Los hipervinculos son links (vinculos) que al ser pulsados nos redirigen hacia otra pagina o archivo; permitiendo conectar los diferentes elementos de una Pagina Web. Texto, imagenes, multimedia, etc.

3 Tipos de rutas de los vínculos.   Cuando se crean vínculos, resulta fundamental conocer la ruta de archivo entre el documento desde el que establece el vinculo y el documento con el que lo establece.   Cada Página Web tiene una direccion exclusiva, denominada URL (Localizador Uniforme de Recursos, Uniform Resource Locator). Sin embargo, cuando se crea un vinculo local (un vinculo de un documento con otro documento del mismo sitio), no suele ser necesario especificar el URL completo del documento de destino.

4 Rutas absolutas.   Proporcionan la URL completa del documento vinculado, incluido el protocolo que se debe usar (http://), por ejemplo, http://www.dcompusite.blogspot.com/.

5 Rutas relativas al documento.   Se emplean para vinculos locales, resultan particularmente utiles cuando el documento actual y el documento con el que se establece el vinculo se encuentran en la misma carpeta, por ejemplo, dreamweaver/contents.html.

6 Rutas relativas a la raiz del sitio.   Indican la ruta desde la carpeta raiz del sitio hasta un documento. Se usan cuando se trabaja con un sitio Web grande que usa varios servidores o un servidor que alberga varios sitios, por ejemplo, /support/dreamweaver/contents.html.

7 Crear hipervinculos. Para crear hipervinculos en Dreamweaver CS6, realiza lo siguiente:   Selecciona el texto o imagen y del Inspector de propiedades da clic en el cuadro de texto Vinculo   Escribe la ruta y el nombre del archivo del documento o URL en el cuadro de texto Vinculo o haz clic en la carpeta y selecciona el archivo (si se desea realizar una referencia absoluta).   En el menu desplegable Destino, selecciona una ubicacion para abrir la pagina.

8   Otra forma de crear hipervinculos es desde el menu Insertar  Hipervinculo. Se mostrara el cuadro de dialogo Hipervinculo, donde deberas especificar las siguientes propiedades:    Texto. Especifica el texto que se empleara como vinculo.    Vinculo. Asigna la ruta del hipervinculo.    Destino. Especifica la ubicacion para abrir el archivo.    Titulo. Escribe un titulo de pagina para el hipervinculo.    Clave de acceso. Permite introducir una tecla para activar el hipervinculo en el navegador con dicha tecla.    Indice   de fichas. Introduce un numero para el orden de fichas.

9 Destino de los hipervinculos.   El destino del hipervinculo determina en que ventana va a ser abierto el vinculo.   Esto puede especificarse desde el Inspector de propiedades, categoria HTML a traves de la opcion Destino, o en el cuadro de dialogo Hipervinculo del menu Insertar  Hipervinculo.   _blank carga el documento vinculado en una nueva ventana sin nombre del navegador.   new carga el documento vinculado en una nueva ventana del navegador.   _parent carga el documento vinculado en el marco padre o en la ventana padre del marco que contiene el vinculo. Si el marco que contiene el vinculo no esta anidado, el documento vinculado se cargara en la ventana completa del navegador.   _self carga el documento vinculado en el mismo marco o la misma ventana que el vinculo. Este destino es el predeterminado, por lo que normalmente no es preciso especificarlo.   _top carga el documento vinculado en la ventana completa del navegador, eliminando de esta forma todos los marcos.

10 Anclaje con nombre.   Los anclajes con nombre permiten establecer marcadores en un documento, que por lo regular se colocan en un tema especifico o en la parte superior del documento. Para crear un anclaje con nombre, realiza lo siguiente:   1Coloca el cursor en el lugar donde se desea insertar el anclaje con nombre.   2Despues realiza alguno de los siguientes procedimientos:   A) Menu Insertar  Anclaje con nombre.   B) Metacomando.   C) Del panel Insertar, Categoria Comun, haz clic en el boton Anclaje con   nombre.

11   3 En el cuadro Nombre de anclaje, escribe un nombre para el anclaje y haz clic en Aceptar. (El nombre del anclaje no puede contener espacios.) El marcador del anclaje aparecera en el punto de insercion. Para usar el anclaje con nombre en un hipervinculo, realiza:   1. Selecciona el texto o imagen que servira como anclaje. 4. Despues realiza alguno de los siguientes procedimientos: A) Menu Insertar  Hipervinculo. B) Del panel Insertar, Categoria Comun, haz clic en el boton Hipervinculo. C) Del Inspector de propiedades, posicionate en el cuadro de texto Vinculo.   2. En cualquiera de las tres opciones anteriores, desplegar el menu contextual de Vinculo y elige el marcador de texto a emplear en el hipervinculo.

12 Vinculo a correo electronico. Cuando el usuario hace clic en un vinculo de correo electronico se abre una nueva ventana de mensaje en blanco (utilizando el programa de correo asociado al navegador del usuario). En la ventana de mensaje de correo electronico, el cuadro “Para” se actualiza automaticamente con la direccion especificada en el vinculo del mensaje de correo electronico.   Para crear un vinculo de correo electronico, realiza: 1, Situate en el menu Insertar  Vinculo de correo electronico. O del panel Insertar de la categoria Comun, haz clic en el boton Vinculo de correo electronico. 2,Se mostrara el cuadro de dialogo Vinculo de correo electronico, en donde se habra de especificar las siguientes propiedades: Texto. Define el texto que se mostrara como vinculo de correo electronico. Correo electronico. Define el correo electronico al cual se va a mandar la informacion. 3. Por ultimo, haz clic en Aceptar. Otra forma de crear un hipervinculo a un correo electronico, es desde el Inspector de propiedades, en la opcion Vinculo deberas teclearla palabra MAILTO, seguida de dos puntos y el correo electronico (MAILTO:daniel.olalde@gmail.com).