Insertando marcadores e hiperenlaces

Llegados a este punto tienes dos páginas web, en la página portada.html haces referencia a los distintos menús, y en la otra página denominada lista_menus.html desglosas pormenorizadamente cada menú. Por tanto, es momento de relacionar las dos páginas mediante marcadores e hiperenlaces, de este modo, aprenderás a insertar marcadores de texto uno para cada menú, así como a enlazar mediante hiperenlaces las dos páginas.

Estas en la página lista_menus.html y quieres insertar un marcador en cada uno de los menús, empiezas por el primer menú, de este modo seleccionas el texto Menú 1º , a continuación te diriges al menú Insertar y seleccionas la opción Marca de texto.

Al realizar esta operación nos aparecer el cuadro de diálogo Insertar Marca, desde el cual no sólo puedes insertar una marca de texto, sino además borrarla. De este modo, escribes el nombre "menu1" y pulsas Aceptar, con lo que ya has creado la primera marca, igual harías con los otros dos menús, insertando las marcas menu2 y menu3.

Una vez creado las 3 marcas grabas el documento lista_menus.html, y abres el documento portada.html, con la finalidad de relacionar dichas marcas creadas con hiperenlaces en el otro documento.

Vea como ha quedado el fichero lista_menus.html

De este modo, seleccionas el texto "MENÚ 1" del documento portada.html, y a continuación te diriges al menú Insertar, y seleccionas la opción Hiperenlaces, apareciéndote el cuadro de diálogo Hiperenlace.

Desde el cuadro de diálogo Hiperenlace puedes editar un enlace a un sitio de Internet, ya sea una página web, o FTP, a una dirección de correos o noticias, a un documento nuevo, o como en tu caso a un documento existente, es decir, lista_menus.html.

Dependiendo del tipo de destino del hiperenlace tendremos distintos campos a rellenar, así en el caso de que el enlace sea a otro documento tendremos que indicar cual es ese documento al que se dirigirá el enlace. De este modo en el campo Ruta del bloque Documento pulsaremos un icono en forma de carpeta a partir del cual abriremos el archivo a donde quieres dirigirte, en este caso al archivo listas_menu.html.

Una vez que hayas abierto el archivo destino, tienes que indicar a qué objeto del documento quieres dirigirte. Para ello debes de buscar el objeto destino al igual que hiciste antes al abrir el archivo, pero en este caso debes de pulsar el icono destino del documento.

Al pulsar dicho icono se me abrirá una ventana flotante donde se desglosan los distintos objetos del archivo lista_menus.html, de este modo, si te diriges al objeto Marcas de texto, aparecerán las 3 marcas que creaste correspondiente a los 3 menús. Por lo tanto, ya solo te queda seleccionar la marca de texto MENU1, pues estas editando el enlace al menú 1, y pulsar el botón Aplicar. Posteriormente harás la misma operación con los otros dos enlaces a los menús 2 y 3.

Tras pulsar el botón Aplicar, debes de seleccionar el botón Cerrar para quitar la ventana Destino en documento, volviendo al cuadro de diálogo Hiperenlace. Una vez allí compruebas que en el campo Destino ha aparecido la marca de texto MENU1, y que el campo Texto del bloque Otras opciones presenta el texto Menú 1, que es el texto que mostrará el enlace. De este modo, ya solo te queda pulsar el botón Aplicar, y posteriormente Cerrar.

Vea como a quedado el fichero portada.html, después de insertar los enlaces.

DEMO Vea como insertar un hiperenlace a una marca de texto ubicada en otro documento.

1. Selecciona el valor Menú 1 del documento portada.html.
2. Vete al menú Insertar, y selecciona la opción Hiperenlace.
3. Selecciona el tipo de hiperenlace a otro documento.
4. Pulsa el icono para buscar y seleccionar el archivo lista_menus.html.
5. Pulsa el icono destino en documento .
6. De la ventana emergente, selecciona del bloque Marca de texto, el valor MENU1.
7. Pulsa Aplicar, y posteriormente Cerrar la ventana emergente.
8. Del cuadro de diálogo Hiperenlace pulsa Cerrar.