Cómo incluir imágenes de terceros, desde páginas Web, en tus artículos con el editor JCE 2.0.7

Tags: CMS | gestor de contenidos | Joomla

Además de utilizar tus propias imágenes guardadas en tu equipo, el editor JCE 2.0.7 te permite también utilizar imágenes de terceros, alojadas en páginas web. Debes considerar, en este caso, que no son tuyas (recuerda respetar los derechos de autor correspondientes). Terecomendamos primero utilices aquellas imágenes de dominio público o bien alojadas en servicios o sitios bajo licencias Creative Commons.

La utilización de imágenes alojadas en Internet que no te pertenecen es posible en varios casos:

1. Si utilizas imágenes en sitios web educativos, como wikis y blogs, que se encuentran alojadas en sitios que permiten un uso educativo de las imágenes. Es el caso, por ejemplo, de los repositorios institucionales educativos de imágenes como el Banco de imágenes y sonidos del ITE en la dirección URL http://recursostic.educacion.es/bancoimagenes/web/, Picto, página del Ministerio de Educación de Quebec en http://www.picto.qc.ca/ o el Banco de imágenes del Cefire de Elda en http://www.lavirtu.com/ Utiliza estos mismos repositorios web para la descarga de archivos imagen.

2. Si utilizas imágenes alojadas bajo licencias Creative Commons. Dispones de cientos de sitios web que alojan fotografías y dibujos que podrás utilizar si cumples sus restricciones. En la mayoría de los casos bastará con la simple mención de la autoría de la imagen o la mención expresa del lugar donde está alojada. Te recomendamos Flickr, Flickr CC Mountain, Open Clipart Library, Free images, Folp, Image Base.. Pero tendrás que leer la licencia de cada sitio en concreto.

3. Si utilizas imágenes de sitios web bajo licencias libres y de dominio público. También hay varias decenas de estos sitios en Internet siendo el más popular de todos ellos la utilización de muchas de las imágenes de los artículos que ilustran la Wikipedia.

Nota. Los recursos multimedia de la Wikipedia se encuentran alojados en un sitio propio denominado Wikimedia Commons. Son de uso libre y gratuito y es el sitio que te recomendamos visites en primer lugar.

Si deseas más información sobre direcciones web que te permiten localizar imágenes gratuitas, bajo licencias Creative Commons, o completamente libres bajo dominio público visita nuestro artículo:

http://blog.educastur.es/sofwarelibre/2009/05/04/imagenes-para-tu-blog-tu-sitio-web-%C2%A1por-supuesto-libres/

En este artículo vas a insertar una imagen alojada en uno de estos sitios directamente sin necesidad de descargar y guardar la imagen en tu ordenador. Lógicamente aunque este procedimiento para incluir imágenes es muy sencillo y rápido, debes considerar que la imagen está físicamente en el lugar original de referencia, por tanto, si desaparece de éste, también desaparecerá de tu artículo. Por tanto, una buena recomendación es utilizar este tipo de imágenes de sitios relativamente estables y permanentes en su publicación.

Si no tienes instalado JCE 2.0.7 en tu sitio Joomla: ver artículo dedicado a su instalación

Inicia la administración de tu sitio Joomla y en el Panel de Control haz clic sobre el botón Añadir un nuevo artículo para acceder a la página de configuración.

Título: Imágenes de terceros incluidas en los artículos con JCE 2.0.7

Alias: No escribas nada, deja que Joomla se encargue de esto

Publicado: Sí, o si no no verás el artículo en el Frontend de tu sitio

Página principal: Sí, sólo queremos ver cómo queda el artículo, colocarlo en la página de inicio del sitio es tan válido como cualquier otro lugar de tu sitio.

Sección – Categoría. Sin clasificar, nuestra única pretensión es practicar con las opciones que JCE incluye para las imágenes. No necesitamos ubicarlo en ninguna sección ni categoría específica de nuestro sitio.

Observa justo debajo el aspecto del editor JCE. El icono que parece una fotografía en la última fila de iconos es el que te va a permitir insertar – editar imágenes en el artículo.

Escribe el artículo

Utiliza el editor de textos JCE para escribir el artículo que vas a ilustrar con la imagen. No importa su contenido, nuestro interés radica exclusivamente en la imagen que vas a insertar en él.

Localiza la imagen en Internet

Abre una nueva pestaña en tu navegador (Firefox y Chrome) y navega hacia la siguiente dirección URL:

http://recursostic.educacion.es/bancoimagenes/web/

Es el Banco de imágenes y sonidos del Ministerio de Educación del Gobierno de España. Puedes utilizar los recursos aquí disponibles en páginas web (y otros proyectos como presentaciones multimedia, vídeos) sin restricción siempre que su finalidad sea educativa.

En el buscador escribe el término a localizar. En nuestro caso hemos escrito mamífero. El sitio nos devuelve los resultados de la búsqueda. Vamos a utilizar en el artículo la imagen de la cabeza de león. Haz clic en la miniatura para acceder a la página de descarga de la imagen (no vamos a descargarla al equipo, sólo vamos a referenciar su dirección URL en nuestro artículo).

Atención

Puedes utilizar cualquier sitio web que prefieras para esta práctica (recuerda las restricciones de uso de imágenes que no son tuyas), utiliza el procedimiento que te indicamos a continuación.

Copia la dirección URL de la imagen

El truco para esta práctica es conocer la dirección URL en la que está almacenada la imagen. En Firefox (también en Chrome) tienes una forma muy rápida de conocer esto: clic con el botón derecho del ratón sobre la imagen a añadir en el artículo – selecciona la entrada Copiar la ruta de la imagen:

Esto copia la dirección URL de la imagen al portapapeles del sistema para que la puedas pegar a continuación donde precises.

Pega la dirección URL en el editor JCE

Ahora haz clic en la pestaña del navegador en la que se encuentra el artículo de Joomla que estabas creando. Coloca el cursor del ratón en el lugar exacto del artículo que quieres incluir la imagen (por ejemplo, al final del mismo) y haz clic, a continuación sobre el botón Insertar / Editar imagen del editor. Una nueva ventana, el Administrador de imágenes, aparece en pantalla. Si la resolución de pantalla no te permite verla al completo, como es mi caso, pulsa la combinación de teclas Ctrl + - para reducir su tamaño (Firefox).

Haz clic en el campo de texto URL de la ventana y pega el contenido del portapapeles en el mismo (botón derecho del ratón, pegar, por ejemplo). Escribe el texto alternativo, por ejemplo, León.

Si dejas vacío los campos anchura y altura en Dimensiones la imagen tendrá las medidas que corresponden al original del sitio web donde se encuentra. Si deseas incluir otras dimensiones sólo escribe el valor que desees en el primer cuadro de texto (deja el segundo vacío). Como se encuentra validada la opción Proporcional, JCE se encargará de redimensionarla adecuadamente de forma automática.

Haz clic en la pestaña Avanzado del Administrador de imágenes de JCE. Escribe en el campo de texto Título: Imagen tomada del Banco de Imágenes y Sonidos del MEC. Esta información aparecerá cuando el usuario acerque el ratón a la imagen, así confirmamos la procedencia original de la imagen.

Nota

Muchos servicios Web ofrecen imágenes bajo licencias Creative Commons que nos permitirán su utilización bajo la condición de especificar la atribución de la imagen. Un sencillo pie de foto en la imagen indicando su procedencia o el autor de la imagen será suficiente en estos casos.

Finalmente haz clic en el botón Insertar de la ventana para añadir la imagen al artículo. ¡Listo!

Descarga nuestro tutorial en formato PDF - 275 kb - Descargar

Mostrar este artículo en su sitio web

< Prev		Próximo >

Joomla - Componentes