Un enlace, en una página Web, es un salto hipertextual, es decir una forma fácil de desplazarse de un sitio a otro, dentro de la misma página, de una página a otra, dentro del mismo conjunto de páginas, o de una web a otra (distintos conjuntos de páginas).
Para crearlos debemos decidir, ante todo, qué objetos nos va a servir de hipervínculo (dónde vamos a situar el enlace). Puede ser una palabra, una frase, una imagen, una fotografía, una línea..., es decir cualquier cosa que haya en la pantalla.
Veamos primero cómo se crea un enlace dentro de la misma página.
En este caso es obligatorio definir un "destino" (una marca que le indica
al programa a qué lugar de la página debe irse), cosa que
haremos pinchando sobre el icono .
Nos saldrá una ventana en la que se nos pedirá un nombre
para este destino (puede ser cualquiera). Yo le he puesto "arriba", pues
al pinchar en la flecha que mira hacia arriba y que está al final
de esta página, nos encontraremos al principio de la misma. Tened
en cuenta que el "destino" se situará en el lugar que tengamos el
cursor.
Bien, ya tenemos ubicado el destino (si no estamos conformes en cuanto a su situación, bastará con seleccionarlo y pulsar la tecla supr). Ahora debemos elegir el objeto que contendrá el enlace.
Una vez decidido sobre qué vamos a crear el enlace debemos seleccionarlo
y utilizar el icono
pinchando sobre él con el botón izquierdo del ratón,
(yo he seleccionado la flecha que mira hacia arriba del final de esta
página como ya he dicho) y pulsamos sobre el icono. Obtendremos
algo parecido a esto:
|
|
Al tratarse de una imagen, se nos ha abierto el cuadro "propiedades
de la imagen" y dentro de él la solapa "enlace".
Como veis, aparece en la ventana inferior el destino que yo acabo de crear ("arriba"). Si, en este momento hacemos doble clic sobre él, se situará en la línea inmediatamente superior con el formato #arriba y, una vez que aceptemos, estará operativo (tened en cuenta que este tipo de enlaces no reslta práctico si nuestra página no ocupa más de una pantalla) |
Bien, ya sabemos crear enlaces dentro de la misma página (para crear más simplemente definiríamos más destinos y estableceríamos los enlaces con cada uno de ellos). Pasemos ahora a los enlaces de una página a otra.
El sistema es, en esencia, el mismo. En este caso NO es obligatorio definir un destino (el salto se producirá al principio de la página enlazada), pero se podría hacer. Lo veremos más adelante.
Para enlazar una página con otra, seleccionamos el objeto seobre
el que va a ir el enlace y pulsamos sobre el icono .
Nos sale la misma solapa de antes, pero ahora pulsaremos sobre "seleccionar
archivo". Buscamos en nuestro disco duro la página con la cual queremos
enlazar y pulsamos aceptar. Ya está. Tened en cuenta que los enlaces
no funcionan en Composer y que deberemos pulsar sobre "preliminar" para
que lo hagan.
Es conveniente que nuestro conjunto de páginas esté en la misma carpeta del disco. Nos facilitará la tarea a la hora de establecer los enlaces.
Mirad cómo se ha hecho el enlace de la flecha que mira hacia
atrás del final de la página.
|
|
Como veis, nos aparece qué imagen está enlazada (1arrow4.gif)
y con quién (../../../../index.htm). Los puntos y barras que aparecen
delante de index, nos dicen que ese fichero está en una subcarpeta
del disco, y lo pone así para ahorrar espacio. Realmente index está
en c:\datos\mis documentos\cursos\composer
Para establecer el enlace pulsé sobre seleccionar archivo, me fui a la carpeta indicada e hice doble clic sobre index. Ahora, al pulsar sobre la flecha atrás, el navegador me llevará a la página principal de estos apuntes. |
Para hacer un enlace a otra página, pero a un destino concreto (por ejemplo, al final de la misma), debo previamente insertar un destino en la página a la que quiero ir (al final, en este caso) y ponerle un nombre. Regresaré a la página en la que voy a poner el enlace y procederé como en el caso anterior (seleccionando el objeto y pinchando dobre "enlace"). Cuando haya elegido la página (utilizando "selccionar archivo", veré que aparece en la ventana inferior el (o los) destino(s) que había creado previamente. Simplemente se trata de hacer doble clic sobre el deseado.
He enlazado la frase FINAL DE INSERTAR
con la parte de abajo de esa página. Mirad el resultado:
|
|
Efectivamente, aparece la página enlazada (insertar.html), pero seguida de #final, lo que le indica al programa que debe irse a buscar el destino llamado final que yo he difinido en ella. |
Por último, para enlazar con cualquier otro sitio web, debo cono
cer su dirección.
Imaginad que estoy haciendo una página de automóviles
y quiero situar en la misma enlaces a las casas más conocidas.
Podría hacer un listado y después definir los enlaces
a las respectivas Webs.
Por ejemplo:
Peugeot. Tras seleccionar la palabra (doble clic sobre ella) pulsaría en "enlace" y en la línea "enlazar con" escribiría su dirección de internet, es decir http://www.peugeot.fr
Así continuaría con las demás casas hasta tener
una página llena de enlaces. Al pulsar sobre cada una de las marcas,
el navegador buscará en internet la web solicitada y se irá
a ella.
|
|
|
|
|
|
|
|