Diferencia entre revisiones de «Imágenes»

Revisión del 13:05 16 jul 2019

Moodle 3.7

Moodle les permite a profesores y alumnos el subir y mostrar imágenes de una variedad de fuentes mediante el ícono de imagen del Editor de texto. Las páginas del curso pueden enriquecerse con imágenes o banners en cada sección. Las Tareas pueden incluir imágenes para una mayor clarificación. Las imágenes anexadas a las publicaciones en Foros o dentro de preguntas en un Examen aparecerán incrustadas.

Añadir imágenes

Moodle acepta formatos .jpg, .png, .svg y .gif.

Subir y mostrar una imagen desde su computadora

Nota: Es una buena idea el cambiar el tamaño de su imagen antes de subirla, en lugar de tratar de cambiar las dimensiones cuando ya está en línea..
Una vey que haya activado la edición, acceda al editor de texto en donde Usted quiera mostrar su imagen (por ejemplo, en un resumen, Etiqueta o página del curso)
Haga click sobre del ícono de la imagen como se ve más abajo:

Either enter the URL of an image which is already online or click 'Browse repositories' to access the File picker

Click Upload a file. Browse for and upload your image. For more information, see File picker
Either add a description of the image or tick/check the box 'Description not necessary'.
Alter the size and alignment if needed and save the image

Editing an uploaded image

If you need to edit the image once it has been uploaded,you can double-click on the image from within the Atto text editor and access the image properties window. Note it is much better to upload an image of the desired size rather than modifying it afterwards.

Dragging and dropping an image

Images may be dragged and dropped directly into a label onto the course page if you are using a supported browser (not IE 9, Safari 6 or below or earlier versions of Firefox) and 'media drag and drop" is enabled in Administration > Site administration > Plugins > Activity modules > Label and verify the box 'media drag and drop' setting is ticked.
As you drag the image, a prompt box appears where you choose "add image to course page" rather than "create a file resource"
See Using Label for full instructions how to do this.

Displaying an image already online

If you have images available elsewhere online, you can display them too without the need to upload to Moodle. Note: If the image is taken offline, it will be replaced by a red X on your course page. Also, so-calledhot-linking [1]to images online if you don't own them yourself is not recommended.

Method 1

Follow the instructions for Uploading and Displaying an image as above.
Paste the URL of the image you have online into the Enter URL box.
Add a description of the image or tick/check the box for no description

Save the image.

Method 2

It is possible to copy and paste an online image into the text editor in the same way that some students might copy and paste into a presentation. Care must be taken however that images pasted this way are not subject to copyright, and also that the image doesn't come with an unwanted hyperlink.

Adding an image from image hosting sites like Flickr

It is possible to search and display an image from Flickr.
For this, the Flickr public repository must be enabled by the administrator
After clicking into Find or Upload an image, click on the Flickr repository to search for a suitable image.

The site administrator can also enable the Flickr and Picasa repositories for users to access images from their own accounts.

Why is there no 'Browse repositories' option available?

The filepicker and text editor in Moodle are affected if there are any Javascript errors in the page. So if you see any missing buttons etc. the first thing to check for is any errors in the Javascript console (F12 in Firefox or IE9+).

The second thing to mention is that some text areas in Moodle support uploading files and some do not. There are reasons why a particular area does or doesn't support files such as the ability to backup/restore or compatibility with other areas in Moodle such as the gradebook. If a text editor does not support file areas, you can still use images, but only by entering the URL to an image already hosted somewhere else on the internet.

@@ Línea 3: / Línea 3: @@
 Moodle les permite a profesores y alumnos el subir y mostrar imágenes de una variedad de fuentes mediante el ícono de imagen del [[Editor de texto]]. Las páginas del curso pueden enriquecerse con imágenes o ''banners'' en cada sección. Las [[Tareas]] pueden incluir imágenes para una mayor clarificación. Las imágenes anexadas a las publicaciones en [[Foros]] o dentro de preguntas en un [[Examen]] aparecerán incrustadas.
+{{MediaPlayer | url = https://youtu.be/rehPpxl2Jh4 | desc = Añadir imágenes}}
 Moodle acepta formatos .jpg,  .png,  .svg y .gif.
@@ Línea 13: / Línea 14: @@
 [[File:Imageicon.png]]
-En Moodle 2.6 y superiores el aspecto es un poco diferente:
+*Either enter the URL of an image which is already online or click 'Browse repositories' to access the File picker
-[[File:27_Imageicon.png]]
-*Elija ''Encontrar o subir una imagen''
+[[File:uploadimageatto.png]]
-[[File:Findoruploadimage.png]]
+*Click [[Upload a file]]. Browse for and upload your image. For more information, see [[File picker]]
+*Either add a description of the image or tick/check the box 'Description not necessary'.
+*Alter the size and alignment if needed and save the image
-En Moodle 2.6 y superiores el aspecto es un poco diferente y deberá escribir la URL de una imagen que ya esté en línea o hacer click en 'Ojear repositorios' para acceder al [[Selector de archivos]]:
+[[File:uploadedimageatto.png]]
-[[File:27_Findoruploadimage.png]]
+===Editing an uploaded image===
-*Elija [[Subir un archivo]]. Busque y suba su imagen. Para mayor información, vea [[Selector de archivos]]
+*If you need to edit the image once it has been uploaded,you can double-click on the image from within the [[Text editor| Atto text editor]] and access the image properties window. ''Note it is much better to upload an image of the desired size rather than modifying it afterwards.''
-*Añada una descripción a la imagen(1) y elija ''Insertar'' (2)
-[[File:Uploadedimage.png]]
-En Moodle 2.6 y superiores el aspecto es un poco diferente:
+==Dragging and dropping an image==
-*Elija [[Subir un archivo]]. Busque y suba su imagen. Para mayor información, vea [[Selector de archivos]]
-*Añada una descripción a la imagen(1) y elija ''Insertar'' (2) o seleccione la casilla para 'Descripción no es necesaria'
-*Cambie el tamaño y la alineación si fuera necesario y guarde la imagen.
-[[File:27_Uploadedimage.png]]
+*Images may be dragged and dropped directly into a label onto the course page if you are using a supported browser (not IE 9, Safari 6 or below or earlier versions of Firefox) and  'media drag and  drop" is enabled in ''Administration > Site administration > Plugins > Activity modules > Label'' and verify the box 'media drag and drop' setting is ticked.
+*As you drag the image, a prompt box appears where you choose "add image to course page" rather than "create a file resource"
+*See [[Using Label]] for full instructions  how to do this.
-*Guarde los cambios.
+==Displaying an image already online==
+*If you have images available elsewhere online, you can display them too without the need to upload to Moodle. ''Note:'' If the image is taken offline, it will be replaced by a red X on your course page. Also, so-calledhot-linking [http://simple.wikipedia.org/wiki/Hot-linking]to images online if you don't own them yourself is not recommended.
-===Editar una imagen subida===
+===Method 1===
-{{Nuevas características de Moodle 2.7}}
+*Follow the instructions for Uploading and Displaying an image as above.
-*Si Usted necesita editar la imagen que ya ha subido al servidor, Usted puede hacer doble click sobre la imagen desde adentro del [[Editor_de_texto| Editor de texto Atto]] y acceder a la ventana de propiedades de la imagen ''Tome nota de que es mucho mejor subir la imagen del tamaño apropiado en lugar de tener que modificarla posteriormente.''
+*Paste the URL of the image you have online into the ''Enter URL'' box.
+*Add a description of the image or tick/check the box for no description
-==Arrastrar y soltar una imagen==
-{{Nuevas características de Moodle 2.5}}
-*La imágenes pueden arrastrarse y soltarse directamente dentro de una etiqueta dentro de la página de curso si Usted está usando un navegador de Internet soportado (que NO sea IE 9, Safari 6 o versiones inferiores o antiguas de Firefox) y que esté habilitado el 'arrastrar y soltar medios" esté habilitado en '' Administración > Administración del sitio > Plugins > Módulos de actividad > Etiqueta'' y verifique que esté activada la casilla  para 'arrastrar y soltar medios'.
-*Mientras Usted arrastra una imagen, aparece una caja de instrucciones en donde Usted elige "añadir imagen a página de curso" en lugar de  "crear un recurso archivo"
-*Vea [[Usando Etiqueta]] para las instrucciones completas acerca del cómo hacer ésto.
-==Mostrar una imagen que ya está en línea==
-*Si Usted tiene imagens disponibles en otro sitio en línea, Usted también pued emostrarlas sin tener que subirlas a Moodle. ''Nota:'' Si la imagen dejara de estar disponible en línea, será remplazada por una X roja en su página del curso. También tome nota de que hacer "enlaces calientes"  [http://simple.wikipedia.org/wiki/Hot-linking (''hot linking'')] hacia imágenes en línea que no son de su propiedad no es recomendable.
-===Método 1===
-*Siga las instrucciones de arriba para Subir y Mostrar una imagen.
-*Después de hacer click en ''Buscar o Subir una imagen'', pegue la URL de la imagen que Usted tiene en línea dentro de la caja para ''URL de la imagen''.
-*Añada una descripción para la imagen y elija ''Insertar'' o seleccione la casilla de que no requiere descripción.
 [[File:imageonlineatto.png]]
-*Guarde los cambios.
+*Save the image.
-===Método 2===
+===Method 2===
-*Es posible copiar y pegar una imagen en línea dentro del  [[Editor de texto]] de la misma forma en que algunos estudiantes copian y pegan imágenes para sus presentaciones. Debe tenerse cuidado cuando se pegan imágenes de esta manera de no infringir el derecho de autor de terceros, y también debe evitarse que la imagen se venga junto con un hiperenlace no deseado.
+*It is possible to copy and paste an online image into the [[HTML|text editor]] in the same way that some students might copy and paste into a presentation. Care must be taken however that images pasted this way are not subject to copyright, and also that the image doesn't come with an unwanted hyperlink.
-==Añadir una imagen desde sitios de alojamiento de imágenes tales como Flickr==
+==Adding an image from image hosting sites like Flickr==
-*Es posible buscar y mostrar una imagen desde Flickr.
+*It is possible to search and display an image from Flickr.
-*Para esto, el administrador debe habilitar el [[Repositorio Flickr público]].
+*For this, the [[Flickr public repository]] must be enabled by the administrator
-*Después de elegir 'Buscar o Subir una imagen', haga click sobre del repositorio Flickr para buscar una imagen apropiada.
+*After clicking into Find or Upload an image, click on the Flickr repository to search for a suitable image.
 [[File:Flickr.png]]
-*El administrador del sitio también puede habilitar el [[Repositorio Flickr]] y el [[Repositorio de álbum web Picasa]] para que los usuarios accedan a imágenes de sus propias cuentas.
+*The site administrator can also enable the [[Flickr repository|Flickr]] and [[Picasa web album repository|Picasa]] repositories for users to access images from their own accounts.
-==Editar su imagen==
-* después de elegir el ícono de imagen en el [[Editor HTML]], hay dos pestañas disponibles  para ayudarle a mostrar mejor su imagen:
-[[File:Imagetabs.png]]
-===Apariencia===
-*Elija desde el desplegable de Alineación el cómo quiere que la imagen se ponga con respecto al texto. El bloque con el árbol y texto muestra cómo se vería cada opción.
-[[File:Imagealignment.jpg]]
-*Re-dimensione la imagen en las cajas de dimensiones si así lo desea.
-*Si lo desea, añada un número  (en pixeles) para un espacio o borde vertical u horizontal alrededor de la imagen.
-===Avanzadas===
-*Esta pestaña le permite a Usted configurar imágenes alternas para cuando se pasa el ratón encima (''mouseover/mouse out'') y le permite incluir información miscelánea como el título, instrucciones para [[Idioma]], enlace hacia la descripción larga, etc.
-[[File:Advancedtab.png]]
-==¿Porqué no hay disponible una opción para 'Encontrar o subir una imagen'?==
-El [[Selector de archivos]] y el [[Editor de texto]] en Moodle se afectan si hubiera  errores de Javascript en lapágina. Si Usted viera que falta un botón o algun otro problemilla, lo primero a revisar serían los errores en la consola Javascript (F12 en Firefox o IE9+).
-La segunda cosa a mencionarse es que algunas áreas de texto en Moodle soportan que se suban archivos y otras áreas no lo soportan. Existen razone spor las que un área en particular soporte o no archivos, tales como la habilidad para respaldar/restaurar, o compatibilidad con otras áreas de Moodle tales como el [[Libro de calificaciones]]. Si un [[Editor de texto]] no soporta áreas de archivos, Usted todavía puede emplear imágenes, pero solamente si escribiera la URL hacia una imagen que ya se encuentra alojada en alguna otra parte del Internet.
+==Why is there no 'Browse repositories' option available?==
+The filepicker and text editor in Moodle are affected if there are any Javascript errors in the page. So if you see any missing buttons etc. the first thing to check for is any errors in the Javascript console (F12 in Firefox or IE9+).
+The second thing to mention is that some text areas in Moodle support uploading files and some do not. There are reasons why a particular area does or doesn't support files such as the ability to backup/restore or compatibility with other areas in Moodle such as the gradebook. If a text editor does not support file areas, you can still use images, but only by entering the URL to an image already hosted somewhere else on the internet.
 [[de:Bilder]]
 [[en:Images]]

Documentation