Cuando pulsamos en un enlace, el archivo al que llamamos necesita de una ventana del navegador para mostrarse. Por defecto el documento se abre en la misma ventana, sustituyendo el contenido que estamos viendo por el de la página a la que enlazamos. Nosotros podemos cambiar este comportamiento y determinar cuál va a ser la ventana de destino del enlace. Ese trabajo lo va a realizar el atributo target de la etiqueta <a> de hipervínculo.

Cuando realizamos un hipervínculo, una vez que el cuadro de texto Vínculo contiene la dirección del enlace, se activa el menú Destino del inspector de Propiedades.

Este menú presenta 4 opciones como destino de nuestro enlace:

• _blank carga el archivo vinculado en una ventana de navegador nueva.
• _parent * se utiliza cuando el enlace se encuentra en una página de marcos, carga el archivo vinculado en el marco padre.
• _self *carga el archivo vinculado en la misma ventana que el vínculo. Este destino es el predeterminado, por lo que normalmente no es preciso especificarlo.
• _top *carga el archivo vinculado en la ventana completa del navegador, quita los marcos que hubiera.

*Las opciones _parent _self y _top no serán empleadas hasta el capítulo 8 donde se tratan los marcos.

Ejemplo:Búscalo en Google (Este enlace tendrá como destino una ventana nueva del navegador)

Código HTML: <a href="http://www.google.com" target="_blank">Búscalo en Google</a>

ASÍ VA A QUEDAR EL PROYECTO GRENAI DESPUÉS DE ESTOS EJERCICIOS

Al cabo de estos ejercicios el sitio web tendrá ya una estructura de enlace entre las diferentes páginas. Partiendo de una página principal.

En la lección anterior insertamos textos en las páginas de nuestro proyecto y les empezamos a dar formato. Ya tenemos gran parte del contenido del sitio GRENAI. Ahora empezaremos a darle una estructura de navegación a este sitio web. ¡Enlazaremos las páginas!

1. Crea una página nueva llamada index.htm. Ésta va a ser la página principal. Acostúmbrate a llamar a las páginas principales de esta forma (index.htm). Es un método utilizado universalmente por los servidores para reconocer la página inicial de un sitio web.
2. Vas a enlazar la página index.htm con:
   • qsomos.htm
   • productos.htm
   • esolar.htm
   • eeolica.htm
   • pedidos.htm
   • contacto.htm

   Para ello crea en index.htm un texto para cada uno de los enlaces. Por ejemplo :
   
   Quiénes somos | Productos | Energía solar | Energía eólica | Pedidos | Contacto
   
   Cé4ntralo en la página. Ve seleccionando cada texto y enlazándolo con la página correspondiente

Vamos ahora con la página de productos: productos.htm. Hay dos tipos de productos (paneles solares y aerogeneradores) con sus dos páginas correspondientes (paneles.htm y aero.htm)

1. Haz al principio de la página de productos.htm un enlace de texto a paneles.htm y otro a aero.htm.
2. Haz enlaces en las dos direcciones entre las dos páginas: paneles.htm y aero.htm.
3. En estas dos páginas (paneles.htm y aero.htm) haz enlaces de vuelta a la página de productos.htm

Cuando alguien haya visto los productos hay que facilitar el acceso a la página de los pedidos (pedidos.htm).

1. Por tanto tienes que hacer enlaces a pedidos.htm desde :

• productos.htm
• peneles.htm
• aero.htm

2. A su vez tendrás que hacer en pedidos.htm un enlace de vuelta a productos.htm

Ahora estructuraremos el contenido de la página de información de la energía solar: esolar.htm. El contenido de la información de la energía solar se va ha componer de tres apartados con sus tres páginas:

• Introducción = esolar.htm
• Conexión directa a red = conexión.htm
• ¿Cómo funciona una célula fotovoltaica? = página por realizar

Por lo tanto cada una de ellas tiene que tener un enlace a las otras dos.

1. Crea una página nueva para el apartado de "¿Cómo funciona una célula fotovoltaica?", llámala sabercelula.htm
2. Escribe tres textos para cada uno de los tres enlaces, por ejemplo :
   
   Introducción | Conexión directa a la red | ¿Cómo funciona una célula fotovoltaica?
   
   Copia este texto al principio de las tres páginas.
   
3. En cada página convierte en enlace el texto correspondiente a las otras dos. Es decir:
   • en esolar.htm:
     

     Introducción | Conexión directa a la red | ¿Cómo funciona una célula fotovoltaica?

              
     
   • en conexion.htm:      
     

     Introducción | Conexión directa a la red | ¿Cómo funciona una célula fotovoltaica?

     
     
   • en sabercelula.htm:   
     

     Introducción | Conexión directa a la red | ¿Cómo funciona una célula fotovoltaica?

El contenido de la información de la energía eólica tiene una estructura paralela:

• Introducción = eeolica.htm
• Parques eólicos= parqueseolicos.htm
• ¿Cómo funciona un aerogenerador? = página por realizar (saberaero.htm)

Sigue los mismos pasos que la estructura de la energía solar. Enlaza cada una con las otras dos.

1. Realiza un enlace a la página index.htm en todas las páginas. Una vez lo tengas hecho, cópialo y pégalo en el resto de páginas.

Hasta aquí, la estructura de enlaces de nuestro sitio se parecería más o menos a este campo de batalla: