Insertar Imágenes

Arriba  Anterior  Siguiente

Al insertar una nueva imagen obtenemos este formulario emergente para establecer los datos básicos necesarios

 

Image_properties

 

En la solapa de Image Info (Información de la imagen) disponemos de los siguientes valores

 

Campo

Descripción

URL

Dirección donde se encuentra la imagen respecto del documento raiz

Browse / Buscar

Botón de acceso al navegador/buscador de imágenes

Alternative text

texto alternativo que se muestra al estar el ratón sobre la imagen

Width / Ancho

Ancho en pixel (puede asignarse automáticamente)

Height / Alto

Alto en pixel (puede asignarse automáticamente)

Border / Borde

Border de la imagen en pixel

HSpace / Espacio Hor.

Espaciado horizontal respecto de otros elementos en pixel

Vspace / Espacio Vert.

Espaciado vertical respecto de otros elementos en pixel

Align / Alinear

Alineación de la imagen respecto del resto de contenido externo

 

Una segunda solapa nos ayuda a definir posibles links (vínculos) con otros elementos de la web o externos

 

Image_link

 

El campo URL establece el destino referido al link (src en términos HTML)

El campo Target (destino) define que acción debe realizar el navegador al usar el link (_self , _blank, _parent) estas acciones van descritas en el propio desplegable.

 

La tercera solapa nos ayuda a subir directamente imágenes al servidor, si bien estas no quedarán registradas en la tabla Imágenes (que se usa como referencia de la libreria), su utilidad reside en facilitar el mantenimiento y carga ocasional de algunos elementos gráficos.

Pulse sobre el botón de Seleccionar para buscar el archivo a buscar y posteriormente subir al servidor. Una vez seleccionado pulse sobre el botón Enviar al servidor (send it...) para subirlo a su espacio web. Tenga en cuenta que el tiempo de subida siempre dependerá del tamaño del archivo que se sube y de la disponibilidad de caudal de red que tenga su equipo.

 

Image_upload

 

La cuarta solapa es la avanzada su uso suele estar orientado a usuarios con ciertos niveles de programación ya que permite usar lenguaje CSS.

 

Image_advanced

 

Los campos de imagen avanzada son:

Id para establecer un identificador único en el DOM

Dirección de lenguaje

Código de lenguaje

Descripción larga de la URL

Clase definida para el objeto, es necesario que ya esté creada en las CSS genéricas de la web o bien en la personalización de CSS de la configuración web.

Titulo de aviso

Estilos personalizados, internamente agrega un style="estilos usuario"