1 GA F26 HIPERVINCULOS

CÓDIGO: 1-GA-F26
FECHA: 03/09/12

NOMBRE DEL TALLER
NOMBRE ESTUDIANTE
COMPETENCIA
A
DESARROLLAR
ÁREA/ASIGNATURA
CURSO
11 01-09

INSTITUTO TÉCNICO INDUSTRIAL SALESIANO
GESTIÓN ACADÉMICA

VERSIÓN: 4.0

TALLER EN CLASE
“Formamos Buenos Cristianos y Honestos Ciudadanos”

Página 1 de 4

HIPERENLACES
Trabaja el programa Dreamweaver y realiza sitios web
INFORMÁTICA
FECHA

SEDE
26-08-13

PRINCIPALPERIODO III

(DD-MM-AA)

HIPERENLACES
Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo a otra
página o archivo.
Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen.
Cuando creemos un enlace, lo que realmente haremos será crear una etiqueta que es la que en HTML se
encarga de definir los enlaces. Estopodrás observarlo en la barra de estado:

TIPOS DE REFERENCIA
Existen diferentes clases de rutas de acceso a la hora de definir los vínculos. Estas referencias no se limitan a los enlaces,
se comportarán igual cuando indiquemos la ubicación de una imagen, de un archivo Flash, de la hoja de estilo, etc.
Referencia absoluta:
Conduce al sitio en el que se encuentra el documento utilizando la rutacompleta del archivo, incluyendo el protocolo
http://.
Por ejemplo, http://www.aulaclic.com, o http://www.misitio.com/seccion2/pagina1.html.
La referencia absoluta es independiente de la ubicación de la página que contiene el enlace, y será válida siempre que
no cambie la ubicación del archivo enlazado. Es la opción obligatoria si pretendemos enlazar a archivos fuera de nuestro
sitio (enlacesexternos).
Referencia relativa al documento (por defecto):
La ubicación del archivo enlazado se toma en relación con la ubicación del la página. Es decir, partimos de la carpeta en
la que se encuentra el documento.
Si queremos enlazar con una página o archivo dentro de la misma carpeta, no tenemos más que utilizar su nombre. Por
ejemplo, pagina2.htm.
Si está en una subcarpeta de la página actual, notenemos más que indicar el nombre de la carpeta antes del archivo, y
separarlos por una barra (/). Por ejemploimagenes/miimagen.gif.
Si queremos referirnos a carpetas que están por encima del nivel donde nos encontramos deberemos utilizar ../
Por ejemplo, imagina que estamos en la siguiente dirección http://www.misitio.com/pagina/informacion/index.html. En
esta página queremos mostrar una imagen que seencuentra en la
carpeta http://www.misitio.com/pagina/secciones/seccion1.html, ¿cómo podemos hacerlo? Fácil. Deberemos llamarla
haciendo referencia al nivel superior (http://www.misito.com/pagina/) para poder ir luego a la carpeta secciones.
El resultado de la ruta sería el siguiente: ../secciones/seccion1.html.
De esta forma, mientras nos encontramos en la carpeta informacion, subimos un nivel yluego nos movemos dentro de
la carpeta secciones para mostrar el archivo seccion1.html.
Esta opción depende de la ubicación del archivo, y pueden no funcionar correctamente si alteramos la estructura de
carpetas.

CÓDIGO: 1-GA-F26
FECHA: 03/09/12
INSTITUTO TÉCNICO INDUSTRIAL SALESIANO
GESTIÓN ACADÉMICA

VERSIÓN: 4.0

TALLER EN CLASE
“Formamos Buenos Cristianos y Honestos Ciudadanos”

Página 2 de4

Esta es la opción por defecto de Dreamweaver, y es la forma más habitual para enlazar archivos dentro del sitio.
Referencia relativa al sitio:
Conduce a un documento situado dentro del mismo sitio que el documento actual. Tomando como origen la carpeta raíz
del sitio.
Para indicar la ruta relativa al sitio, precedemos la ruta de enlace por la barra /.
En el ejemplo anterior si tuviésemosdefinido como sitio la carpeta http://www.misitio.com/, un enlace en cualquier
página del sitio ahttp://www.misitio.com/pagina/secciones/seccion1.html se crearía
como /pagina/secciones/seccion1.html.
Por tanto, podríamos poner ese vínculo en cualquier página del sitio y funcionaría independientemente de su ubicación.
Estos enlaces no funcionarán en el sitio local, a no ser que configuremos un servidor...