image_152
LinkedIn   Twitter

Edición avanzada de imágenes: Inclusión de imágenes utilizando el cuadro de edición.

RSS de esta página

Antes de continuar, asegúrate de que lo que quieres hacer con las imágenes no lo puedes hacer con el resto de opciones sencillas que ofrece DoPlanning para incluir imágenes, como la de adjuntar una imagen a un elemento de contenido o la de subir una imagen con el elemento Imagen.

En DoPlanning, muchos elementos de contenido incluyen un cuadro de edición en el que se inserta preferentemente texto descriptivo. Algunos de esos elementos también incluyen un campo para adjuntar una imagen al elemento en cuestión. Pero ¿y si queremos adjuntar más de una imagen al elemento, o queremos alinearla de una forma más precisa que con las opciones disponibles?

Dependiendo del elemento de contenido en cuestión, el cuadro de edición también ofrece la posibilidad de incluir imágenes, permitiendo un control más ajustado de la posición de las mismas en función del texto, la asociación de enlaces a las imágenes que se coloquen de esta forma y la inclusión de más de una imagen en el elemento de contenido.

El principal concepto que hay que tener en cuenta es que, para incluir imágenes en el cuadro de edición, éstas necesitan poseer una URL desde la cual DoPlanning “llame” a la imagen y por lo tanto, deben estar subidas a internet antes de ser colocadas en la página.

El resumen de los pasos a seguir para incluir una imagen mediante el cuadro de edición es el siguiente:

  1. Preparar previamente la imagen en un programa de retoque de imágenes adecuado si es necesario.
  2. Crear un área web oculta para imágenes.
  3. Subir la imagen al área web oculta utilizando el elemento Archivo.
  4. Seleccionar o crear el elemento de contenido en el que va a incluirse la imagen.
  5. Incluir la imagen en el cuadro de edición del elemento de contenido recién creado.
  6. Guardar el elemento de contenido.
  7. Repetir los pasos 5 y 6 si es necesario para ajustar la imagen.

Detalles:

1. Preparar previamente la imagen en un programa de edición de imágenes adecuado si es necesario.

Si es necesario, prepara la imagen con la que vas a trabajar. Asegúrate de que el modo de color (RGB) y la resolución (72ppp) son los adecuados.

2. Crear un área web oculta para imágenes.

Accede a la administración y crea un área especial para almacenar las imágenes que vas a usar de esta forma en tu DoPlanning. Al crear el área, asegúrate de que activas la opción “Ocultar del menú web”. Da igual en qué nivel de la estructura de áreas la crees, siempre que la crees dentro de un área web.

3. Subir la imagen al área web oculta utilizando el elemento Archivo.

Después, sal de la administración y accede al área de imágenes que has creado. Una vez allí, selecciona el elemento archivo y sube la imagen que has preparado en el paso 1. Es buena idea que uses un nombre descriptivo como nombre de archivo, que te permita luego identificar la imagen con facilidad.

Una vez subido el archivo, haz clic en el botón “Ver en web” para ver la página correspondiente a ésta área oculta. Verás que aparece la imagen que acabas de subir, pero como archivo, con un enlace. Ése enlace es la URL que usarás en los pasos siguientes.

4. Seleccionar o crear el elemento de contenido en el que va a incluirse la imagen.

Ahora, ve al área web en la que vayas a trabajar y selecciona o crea el elemento de contenido que incluirá la imagen.

5. Incluir la imagen en el cuadro de edición del elemento de contenido recién creado.

En el cuadro de edición del elemento en cuestión, haz clic en el botón “Imagen”, que encontrarás en la barra de herramientas del cuadro de edición. Verás que aparece un cuadro de diálogo y que el primer campo a rellenar es “URL”.

Ve a la página que abriste en el paso 3 y copia la URL del enlace que corresponde a la imagen que has subido en ese mismo paso.

Vuelve al área web en la que estás trabajando y en el cuadro de diálogo pega la URL que acabas de copiar en el cuadro “URL”. Borra el protocolo y el nombre de tu dominio y deja únicamente la URL relativa. Por ejemplo,

Al pegar tendrás algo como esto:

https://midominio.com/es/download_file.cfm?file=330&area=75

Debes dejarlo así:

/es/download_file.cfm?file=330&area=75

Rellena si es necesario el resto de opciones del cuadro de diálogo (tamaño, alineación, etc.) para colocar tu imagen como desees. Haz clic en Aceptar cuando termines.

6. Guardar el elemento de contenido.

Guarda el elemento de contenido. La imagen ya está asociada a dicho elemento.

7. Repetir los pasos 5 y 6 para ajustar la imagen.

A partir de aquí, puedes experimentar con las opciones del cuadro de diálogo del paso 5. Selecciona al elemento que has guardado en el paso 6 y haz clic en Modificar para editarlo. Luego haz clic con el botón derecho en la imagen que incluiste en el cuadro de edición y elige Propiedades. Aparecerá de nuevo el cuadro de diálogo del paso 5 y puedes ajustar las opciones que desees hasta tener el resultado que busques.