Saltar la navegación

Creación de enlaces

En esta fase se crean todos los enlaces externos a páginas disponibles en la web y los enlaces internos que comunican entre sí a las distintas páginas de su MDM.

El método para insertar enlaces externos es idéntico al que utilizan en los foros del campus virtual: hay que seleccionar la palabra de enlace, presionar el ícono Insertar/editar hipervínculo, pegar la URL completa en la casilla de enlaces y elegir donde se abrirá la página de destino. Es importante que los enlaces externos se abran en una ventana aparte para que los usuarios no pierdan de vista la página del MDM al presionar esos hipervínculos. Ese comportamiento se configura desde la pestaña Destino, asignando el método Abrir en ventana nueva (_blank) resaltado en la siguiente captura de pantalla:

 insertar enlaces externos para que abran en ventanas diferentes

Los hipervínculos internos deben conectar cualquier relación de continuidad que se manifieste entre las distintas páginas de su estructura, a excepción de los enlaces de página anterior y siguiente, que se crean automáticamente al exportar el sitio.

Para incorporar enlaces internos se usa un método similar al caso anterior, solo que ahora deberá elegir la página de destino desde la Pestaña de Anclas y Nodos, en lugar de introducir una URL desde la casilla de links. 

A diferencia de los enlaces externos, la lógica para vínculos internos es que en la pestaña Destino se asigne que la página enlazada reemplace a la página actual (Abrir en esta Ventana/marco). Esta es la opción por defecto en la pestaña Destino, de modo que no necesitan modificarla al crear este tipo de enlaces.

 insertar enlaces internos para que abran en la misma ventana

En ambos tipos de enlaces, consideren si corresponde completar la descripción de la pestaña Título. Este atributo permite mostrar información adicional cuando se posiciona el cursor del mouse sobre un enlace, ya que se genera un comportamiento de anticipación al clic, y es una buena práctica de usabilidad web: sirve para mostrar la URL completa cuando el texto del enlace no coincide exactamente con esa dirección web, o se usa el método de URL abreviadas, o cuando no resulta demasiado evidente el contenido de destino de un enlace interno.  

Pueden diferenciar los enlaces internos de los externos, asignando un color diferente para cada clase de vínculos. Si no asignan ningún color, ambos tipos de enlaces tendrán el color que el estilo CSS de eXe les aplique por defecto.


Importante: tengan en cuenta que la vista de diseño o el entorno de edición de eXe no permiten comprobar con exactitud el funcionamiento de los hipervínculos. Los enlaces internos no direccionan a otras páginas de mismo proyecto, y los externos siempre se abrirán en una ventana aparte, aunque no se hayan configurado con esa característica; en ambos casos, para no salir de la página que se está editando y perder los últimos cambios.   

Si desean comprobar efectivamente el destino de un enlace, externo o interno, conviene hacerlo desde la Visualización previa que se obtiene desde el menú Utilidades, o exportando el proyecto como Sitio web.

Leer con atención

Las direcciones de Internet (URI o URL) muy extensas, suelen provocar un ensanchamiento en las páginas web, que impide que se reproduzcan adecuadamente en dispositivos con resolución de pantalla estándar.

Para evitar este inconveniente, se sugiere crear los enlaces utilizando el método de URL abreviadas en el texto del enlace.

Este sistema de codificación consiste en enlazar la URL completa, pero mostrar solamente el nombre del dominio, eliminando todo lo que se reproduce a partir de la barra que sigue al término .com/ (o .net/, .gov/, .edu/, etcétera). Cuando se utiliza esta convención, es muy recomendable declarar la URL completa en la pestaña Título del editor, de modo que esa información adicional aparezca cuando el usuario posicione el puntero del mouse sobre el enlace.

En la palabra de enlace también se puede omitir el protocolo http:// que antecede al dominio.

Ejemplos de URL abreviadas:

acceso.uvq.edu.ar/

www.universidad.edu.uy/

unpabimodal.unpa.edu.ar/

Posicione el puntero del mouse sobre los enlaces de ejemplo para conocer sus URL completas.

Además de los enlaces internos y externos, existe otro tipo de hiperenlace: el tooltip (o descripción emergente) que permite agregar información complementaria a la palabra de enlace. (consideremos que en las páginas web no se estilan las notas al pie).

Para crear una descripción emergente hay que seleccionar la palabra de enlace, presionar el ícono de globo de diálogo (al lado del ancla) y seguir las instrucciones del tutorial oficial de eXe. Tal como indica el instructivo, se recomienda no abusar de estos recursos, ni generar descripciones emergentes muy extensas. Tampoco deben emplearse para alojar contenidos importantes, ya que no estarán inicialmente visibles y podrían pasar desapercibidos.

"Es una herramienta de ayuda visual, que funciona al situar el cursor sobre algún elemento gráfico, mostrando una ayuda adicional para informar al usuario de la finalidad del elemento sobre el que se encuentra". Fuente: <es.wikipedia.org/>.