La ventana Enlace

Paso 3 - Creación de la página > Funciones comunes >

La ventana Enlace

Previous pageReturn to chapter overviewNext page
Mostrar/ocultar el texto oculto

Además de los menús de navegación fija, creados automáticamente en función del Mapa, WebSite X5 permite añadir a textos, imágenes y a otros elementos los enlaces necesarios para resolver una serie de operaciones diversas: abrir páginas internas o externas, abrir archivos, mostrar imágenes, añadir un producto al carrito de la compra, etc.

Al predisponer un enlace es posible, no sólo elegir el tipo de acción, sino también definir y personalizar el tooltip asociado para proporcionar una explicación de lo que ocurrirá tras el clic.

Las opciones disponibles para predisponer un enlace se presentan en las siguientes secciones: Acción y Descripción.

Pulsar para expandir/reducirReferencia: Los comandos de la sección Acción

Por medio de los comandos de esta sección se especifica el tipo de acción que se quiere asociar al enlace:

Página del sitio

define un enlace a otra página del sitio web. Pulsando el botón se puede explorar el Mapa del Sitio para seleccionar la Página del sitio que se quiere enlazar. Si es necesario, es posible especificar también el Delimitador interno de la página al que dirigirse, seleccionándolo de la lista de delimitadores que hay en la página. Por último, es posible especificar si la página enlazada debe ser visualizada en la misma ventana, en una nueva ventana del explorador o en una ventana emergente. En este último caso, se abre una nueva ventana del explorador de la que se puede configurar el tamaño (Ancho y Altura).

Los delimitadores deben haber sido asociados a los objetos con anterioridad para que aparezcan en la lista que propone la opción Delimitador interno de la páginaincluido.

Para asociar un delimitador a un objeto, se debe emplear el botón disponible en el Paso 3 - Creación de la página.

Archivo o URL

permite predisponer un enlace a cualquier recurso, un archivo o una página HTML, que esté almacenado en el equipo en el que se está trabajando o ya publicado en internet. Para especificar qué archivo se quiere enlazar, basta activar la opción Archivo local en PC y pulsar sobre el botón para explorar los recursos almacenados en el sistema, o bien activar la opción Archivo de Internet e introducir la dirección (URL) que identifica su situación en internet.

También en este caso, es posible especificar si el recurso enlazado debe ser visualizado en la misma ventana, en una nueva ventana del explorador o en una ventana emergente cuyo tamaño se puede configurar (Ancho y Altura).

Archivo o URL con ShowBox

Define un enlace para visualizar un archivo cualquiera, almacenado en el equipo o publicado en la red, en una ventana ShowBox. A diferencia de lo que sucede con la ventana emergente, en la ventana ShowBox el archivo abierto se muestra en primer plano sobre el fondo de la página original, vuelta automáticamente más opaca y clara/oscura.

Para especificar qué archivo se quiere enlazar, basta activar la opción Archivo local en PC y pulsar sobre el botón para explorar los recursos almacenados en el sistema, o bien activar la opción Archivo de Internet e introducir la dirección (URL) que identifica su situación en internet. Por medio de las opciones disponibles, es posible definir el tamaño (Ancho y Altura) de la ventana ShowBox además de una Descripción breve que será visualizada a pie de página.

El enlace con a una ventana ShowBox es especialmente adecuado para la visualización de imágenes, pero puede ser utilizado también para la visualización de distintos recursos como, por ejemplo, documentos .PDF.

Galería con ShowBox

Establece un enlace para iniciar la visualización de una galería de imágenes en una ventana ShowBox. Para crear la lista de las imágenes basta utilizar los comandos disponibles: Agregar..., Eliminar, Subir y Bajar. Además, es posible predisponer el tamaño (Ancho y Altura) de la ventana ShowBox.

La apariencia de la ventana de ShowBox se puede personalizar completamente: a través de las opciones que hay en la sección Estilo de la ventana ShowBox del Paso 1 - Estilo de la Plantilla se pueden ajustar, por ejemplo, los colores, la sombra, la opacidad y efectos de apertura.

E-mail

Establece un enlace para abrir el programa de correo electrónico predefinido y enviar un email. Para definir este tipo de enlace basta introducir la dirección de email y, opcionalmente, el asunto y el contenido del mensaje.

Activando la opción Activar protección de dirección de e-mail, la dirección de email especificada se escribe en forma encriptada dentro del código HTML de la página: de esta manera no será reconocido por los robots que escanean la red en búsqueda de direcciones para el envío de spam.

Llamada vía Internet

establece un enlace para abrir el programa asociado a las llamadas por internet (por ejemplo, Skype) y dialogar con el usuario especificado a través del campo incluido. Además, es posible definir el Tipo de acción eligiendo entre: Llamar, Agregar contacto, Chat, Mostrar perfil, Skype VoiceMail y Enviar archivo.

Sonido

Establece un enlace para iniciar la reproducción de un sonido. Para especificar qué archivo se quiere enlazar, basta activar la opción Archivo local en PC y pulsar sobre el botón para explorar los recursos almacenados en el sistema, o bien activar la opción Archivo de Internet e introducir la dirección (URL) que identifica su situación en internet. Es posible enlazar archivos en formato .MP3.

Pulsando sobre el enlace aparece un ToolTip que contiene el botón Play/Pause para activar/interrumpir la reproducción del sonido. Haciendo salir el ratón del Tooltip, este se cierra y la reproducción del sonido se interrumpe.

El Tooltip del enlace con el sonido lo crea automáticamente el programa, y su aspecto se define en función de los ajustes configurados en la ventana Estilo de los Tooltips del Passo 1 - Estilo de la Plantilla.

Imprimir página

Establece un enlace para iniciar la impresión de la página mostrada.

Mensaje de aviso

Establece un enlace para mostrar un mensaje de aviso. Para definir este tipo de enlace basta escribir el Texto del mensaje en el campo al efecto. Activando la opción Mostrar como ventana de popup, el mensaje de aviso se mostará en una ventana de diálogo del estilo de Windows.

Sindicación web (Feed RSS)

Muestra la fuente RSS del sitio web: el enlace está activo solo si se ha creado una fuente RSS mediante la ventana correspondiente del Paso 4 - Ajustes avanzados.

Cuando se prueba localmente el funcionamiento de la página web creada, una ventana de aviso advierte que los Feed RSS se mostrarán solamente una vez que la página web sea publicada online.

Blog

Establecer un enlace para abrir el blog enlazado al sitio con el que se trabaja. Para que este enlace funcione correctamente, es necesario haber creado con anterioridad un blog mediante la sección correspondiente del Paso 4 - Ajustes avanzados.

Mediante las opciones disponibles es posible especificar si el blog enlazado debe ser mostrado en la misma ventana o en una nueva ventana del explorador de internet.

App Móvil

Establece un enlace para iniciar la descarga de la aplicación para dispositivos móviles FeedReady desde el App Store o Googe Play. Para que este enlace funcione correctamente, es necesario haber activado primero la distribución de los contenidos del Blos y/o de la Fuente RSS mediante la app, a través de la sección App Móvil del Paso 4 - Ajustes avanzados.

Mapa del sitio

Establece un enlace para mostrar el Mapa del Sitio completo en una página al efecto. Los elementos del Mapa del Sitio, creado automáticamente, son enlaces activos a cada una de las páginas: el Mapa representa, por tanto, una útil herramienta de navegación a disposición del visitante. La visualización de los elementos del Mapa se puede gestionar usando los comandos Expandir completamente y Compactar completamente.

Mostrar el Carrito

Permite predisponer un enlace mediante el cual visualizar la página del carrito de la compra con la lista de todos los productos ya pedidos.

Agregar al carrito

Permite predisponer un enlace mediante el cual permitir al visitante acceder al carrito de la compra de comercio electrónico para efectuar un pedido o añadir directamente un producto especificado de los que desea comprar.

En el primer caso es preciso activar la opción Mostrar la lista de productos de la categoría seleccionada y seleccionar la categoría deseada a través del esquema que ofrece todo el catálogo de productos.

En el segundo caso, en cambio, es preciso activar la opción Agregar el producto seleccionado directamente al carrito y seleccionar el producto también por medio de la lista correspondiente. Además, también es posible especificar la Opción y la Cantidad de unidades del producto que se añadirá al carrito de la compra.Activando también la opción Añadir sin mostrar el Carrito de la compra el cliente no será redireccionado automáticamente al carrito de la compra.

Para que los enlaces Mostrar el Carrito y Agregar al carrito funcionen correctamente, es necesario haber creado antes el carrito de la compra de comercio electrónico por medio de los comandos de la sección Carrito de la compra del Paso 4 - Ajustes avanzados.

Pulsar para expandir/reducirReferencia: Los comandos de la sección Descripción

Por medio de los comandos de esta sección se puede asociar una descripción al enlace. Esta descripción se utilizará para conformar una nota explicativa, llamada "Tooltip" o "Tip". El Tooltip se muestra al lado del puntero del ratón cuando este se sitúa sobre el enlace y debería servir para explicar qué sucederá si se pulsa el enlace: si se pasará a otra página o sitio web, si se mostrará una imagen, si se iniciará la descarga de un archivo etc.

Los comandos disponibles para la elaboración de un Tooltip son:

Texto: especifica la descripción del enlace.
Archivo imagen: especifica la imagen que se mostrará en el Tooltip junto a o en lugar de la descripción del enlace.
Ancho del Tooltip: Establece el ancho en píxeles del Tooltip.
Ancho imagen (%): establece el ancho de la imagen en porcentaje respecto a la anchura del Tooltip.
Posición de la imagen: define la posición de la imagen insertada en el Tooltip respecto al texto.

Texto, hacia la Archivo imagen y Ancho del Tooltip son parámetros que varían para cada enlace y, por tanto, deben ser configurados cada uno en su momento. Otros ajustes gráficos, referidos al aspecto del Tooltip y por tanto comunes para todo el proyecto, pueden definirse en la ventana Estilo de los Tooltips del Paso 1 - Estilo de la Plantilla.

 

 


Best practice:

-

Cómo crear y utilizar los Delimitadores