Ejercicio paso a paso Unidad 6. Introducir hipervínculos.

a.- Introducir hipervínculos externos.

Empezaremos por crear hipervínculos externos.

1. Arranca FrontPage si no lo habías hecho ya.

2. Si no estás en el sitio Webpersonal, cierra el sitio con la opción Cerrar sitio del menú Archivo, y a continuación abre el sitio WebPersonal con la opción Archivo - Abrir sitio... o con la opción Archivo - Sitios Recientes.

3. Abre el archivo favoritos.htm (que modificamos en el tema anterior) haciendo doble clic en él.

Ahora vamos a crear hipervínculos externos. Si observamos la página podemos ver dos partes. Un texto inicial y una tabla con información. Más adelante aprenderemos a crear tablas, pero ahora vamos a trabajar con la información que contiene, en este caso, texto. La tabla tiene tres columnas: la primera es un título, la segunda será el hipervínculo, y la tercera es información adicional. Ahora como habrás adivinado, vamos a configurar los hipervínculos.

4. Haz clic con el botón izquierdo del ratón justo delante de http://www.elmundo.es. Arrastra hacia la derecha sin soltar el botón del ratón. Se seleccionará todo el texto. Hay otra forma más rápida de seleccionar el texto, si te sitúas a la izquierda de la dirección, el puntero del ratón cambia apuntando hacia la derecha puedes hacer clic y se seleccionará la dirección al completo.

5. Pulsa las teclas Control+C (o bien la opción Copiar del menú Edición). Copiamos para no tener que teclear la dirección.

6. Ahora sitúa el ratón encima del texto seleccionado. Haz clic con el botón derecho del ratón y  en el menú contextual, elige Hipervínculo o pulsa sobre de la barra Formato.

7. Haz clic en el campo Dirección:, y pulsa las teclas Control+V (o bien la opción Pegar del menú Edición).

Cuando creamos un vínculo, por defecto el navegador abrirá la página web destino en la misma ventana, como el enlace que estamos definiendo es a una página externa, en la mayoría de los casos nos interesará que esa nueva página se visualice en una ventana nueva para que el visitante no pierda la nuestra y no salga de nuestro sitio.

Así se lo vamos a indicar:

8 Haz clic en el botón Marco de destino... del cuadro de diálogo Insertar hipervínculo

9 Elige en el apartado Destinos comunes la opción Nueva ventana.

10 Haz clic en Aceptar para cerrar el cuadro de diálogo Marco de destino.

11 Haz clic en Aceptar para cerrar el cuadro de diálogo Insertar hipervínculo.

Ahora tenemos un texto, "http://www.elmundo.es", que contiene un hipervínculo a la dirección externa http://www.elmundo.es

Observa como el texto del enlace cambia de color.

Ahora veamos un pequeño truco con el cual ahorraremos tiempo.

12. Sitúa el cursor justo después del texto "http://www.geocities.com/de_pelicula/" y pulsa INTRO.

13. De forma automática, FrontPage crea un nuevo párrafo y el texto adquiere automáticamente el vínculo.

 FrontPage es capaz de detectar que el texto tiene forma de vínculo y entonces define un vínculo sobre el texto de forma automática.

14. Corrige el nuevo párrafo (no queremos un nuevo párrafo) posicionando el cursor después del vínculo y luego pulsando la tecla Supr.

Como antes, asignaremos como destino del enlace una ventana nueva.

15 Haz clic con el botón derecho del ratón en cualquier parte del texto del enlace.

16 Elige la opción Propiedades de hipervínculo.

17 Haz clic en el botón Marco de destino...

18 Elige en el apartado Destinos comunes la opción Nueva ventana.

19 Haz clic en Aceptar para cerrar el cuadro de diálogo Marco de destino.

20 Haz clic en Aceptar para cerrar el cuadro de diálogo Modificar hipervínculo.

21. Repite los pasos anteriores para el resto de enlaces del apartado Páginas Web de noticias, dejaremos los demás enlaces para los ejercicios propuestos.

Ahora vamos a guardar el documento y cerrar la página.

22. Pulsa en el botón Guardar .

23 Pulsa en el botón cerrar.

b.- Introducir hipervínculos internos.

Ahora vamos a crear hipervínculos internos.

1. Importa el archivo indice.htm (que se encuentra en la carpeta Ejercicios del curso) a nuestro sitio webpersonal (lo situaremos en la carpeta raíz).

2. Abre el archivo indice.htm.

3. Ponle el fondo arena06.gif que tendrás en la carpeta imagenes. Recuerda la opción Formato - Fondo...

4. Haz doble clic sobre el texto "Índice" para seleccionar toda la palabra.

5 Haz clic con el botón derecho y  en el menú que se abre, elige Hipervínculo. 

6. Haz clic en el campo Dirección y escribe index.htm. También puedes hacer clic en el archivo, ya que aparece en el contenido de la carpeta actual.

7. Haz clic en el botón Aceptar.

Ahora tenemos un texto, "Índice", que contiene un hipervínculo a la página index.htm.

8. Selecciona las palabras "Sitios favoritos".

9 Haz clic con el botón derecho y  en el menú que se abre, elige Hipervínculo. 

10. Haz clic en el campo Dirección y escribe favoritos.htm.

11. Haz clic en el botón Aceptar.

Ahora vamos a guardar el documento.

12. Pulsa en el botón Guardar .

Ahora podemos ver el funcionamiento de estos enlaces y los creados en el apartado a).

13. Haz clic en el menú Archivo y selecciona Vista previa en el navegador y escoje un navegador de la lista. Si visualizamos la página con el botón Vista Previa que se encuentra en la parte inferior de la pantalla puede que no te funcionen los enlaces.

14. Haz clic en el enlace a Sitios favoritos. Se abrirá la página favoritos.htm. En este caso no hace falta que estés conectado a Internet ya que son enlaces internos y buscará la página en tu disco duro.

15. Haz clic en cualquiera de los enlaces que hayas definido en la página favoritos.htm y navegarás a la página en cuestión. En este caso deberás estar conectado a Internet ya que estos enlaces son enlaces externos.

Observa también que la página se visualiza en una ventana nueva.

16. Cierra la ventana de la página externa. Volverá a la página favoritos.htm.

17. Vuelve a la página indice.htm.

En los ejercicios propuestos completarás los enlaces que faltan.

Ahora vamos a guardar el documento, y cerrar la página.

18. Pulsa en el botón Guardar .

19 Pulsa en el botón cerrar de la ventana correspondiente a la página.