Índice   animals.zip

Los enlaces (Links o Hiperlinks) son zona del texto o las imágenes que sirven para ejecutar la acciones cuando se clica encima de ellos.

Las acciones mas comunes son:

·        Comenzar a bajarnos un fichero de cualquier tipo como programas canciones, imágenes, textos etc.

·        Comenzar la ejecución de un pequeño programa hecho en un lenguaje de escript.

·        Ejecutar una canción, un película, ver una animación.

·        Ejecutar programas mas complejos hechos con lenguajes muy potentes como el Java.

·        Etc.....

a)    Hacer enlaces de tipos textual.

I.            Hacer un enlace hacia una página de nuestra misma web .

Tenemos dos páginas, la original que está en el navegador i la página que queremos que aparezca cuando cliquemos encima de un texto subrayada y que tiene otro color.

Tenemos que poner una dirección relativa al sitio donde tenemos la página original como en los ejemplos siguientes.

• nuevapagina.html
• directori/nuevapagina.html
• ../nuevapagina.html

II.          Hacer enlaces hacia una página de otra web.

En este caso tenemos que saber la ubicación del documento (URL) para escribirla en la ventana de propiedades. Por ejemplo, para enlazar con la página lapaginagroga.htm que está físicamente en el ordenador del IES Mare de Deu de la Mercè tenemos que escribir toda la URL:

II.        Hacer un enlace hacia una zona de la misma página

1. Hay que poner un punto de fijación con nombre en el lugar de de destino, poniendo un nombre a ese destino que tiene que tener relación con el contenido (Punto donde está la marca de la imagen).
2. En el sitio que queremos insertaremos un vínculo a ese punto de fijación.

IV.        Hacer un enlace a una cierta zona de otra página en nuestro ordenador o en otro.

URL:      http://webs.lamerce.com/miguel/ice/lapaginagroga.htm#marca

Como puedes ver a la dirección URL se le ha añadido una almohadilla y el nombre del punto de fijación.

b)    Organización de los enlaces dentro de nuestras páginas web.

Como vemos en la figura las páginas de nuestra web tienen que estar relacionadas con enlaces. Tenemos que cuidar los siguientes aspectos;

• La página principal tiene que hacer de distribuidora de páginas
• La página principal tiene que llamarse index.htm.
• De todas las páginas se tiene que llegar de forma facil a la página principal.
• Tenemos que incluir enlaces a otras páginas relacionadas con el tema de nuestra página.

c)     Insertar enlaces en una imagen.

Solo tenemos que seleccionar la imagen y poner el enlace en la ventana de propiedades. En estas imágenes, además del vínculo se tiene que poner el texto alternativo que aparecerá cuando se pase el cursor por encima de la imagen, antes de hacer clic.

d)    Los mapas sensibles

Son imágenes que tienen diferentes zonas sensibles y cada una corresponde a un enlace. Tienen dos utilidades principales:

1. Un mapa real (planos, organigramas, etc...).
2. Imagen con diferentes fotos o dibujos referidos a un tema. Cada uno de estos dibujos nos  lleva a un lugar diferente.

Ejemplo de mapa sensible:

<IMG SRC="imagenes/pinguinos.gif" USEMAP="#imagemap" ALT="Datos Pingüinos>     <MAP NAME="imagemap">         <AREA SHAPE="rect" COORDS="18,23,112,215" HREF="firstarea.html">         <AREA SHAPE="rect" COORDS="137,16,214,190" HREF="secondarea.html">    </MAP> </IMG>

Ejercicio:

Escoge un tema cualquiera. Tienes que hacer una web que utilice todos los tipos de enlace descritos en ésta página.

Contesta a las siguientes preguntas:

1. ¿Que etiquetas se utilizan para hacer un enlace?
2. Describe las propiedades y los valores que se generan en las etiquetas de los enlaces en cada uno de los casos, excepto en el del mapa de imágenes.
3. Describe las etiquetas que se usan para hacer el mapa de imágenes.