Bilder: Unterschied zwischen den Versionen

Aus MoodleDocs
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
 
(9 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Arbeiten mit Multimedia}}
{{Arbeiten mit Multimedia}}
Sie können mit Hilfe des [[Text-Editor]]s Bilder aus einer Vielzahl von externen Quellen in Moodle hochladen und einbinden. Mit Bildern können Sie Kursseiten, Aufgaben oder andere Moodle-Inhalte attraktiver gestalten. Bilder, die Sie an Forumsbeiträge anhängen oder in Testfragen einbinden, werden direkt im Forumsbeitrag bzw. in der Testfrage angezeigt.


Sie können mit Hilfe des [[Text-Editor]]s Bilder aus einer Vielzahl von externen Quellen in Moodle hochladen und einbinden. Mit Bildern können Sie Kursseiten, Aufgaben oder andere Moodle-Inhalte attraktiver gestalten. Bilder, die Sie an Forumsbeiträge anhängen oder in Testfragen einbinden, werden direkt im Forumsbeitrag bzw. in der Testfrage angezeigt.
{{MediaPlayer | url = https://youtu.be/rehPpxl2Jh4 | desc = Bilder hinzufügen}}


Moodle akzeptiert Bilddateien in den Formaten *.jpg, *.png und *.gif.
Moodle akzeptiert Bilddateien in den Formaten *.jpg, *.png und *.gif.
Zeile 9: Zeile 10:
'''Hinweis''': Sorgen Sie dafür, dass die Bilddatei in einer passenden Größe vorliegt, '''BEVOR''' Sie sie in Moodle hochladen. Das ist besser als die Anzeigegröße nachträglich in Moodle anzupassen.  
'''Hinweis''': Sorgen Sie dafür, dass die Bilddatei in einer passenden Größe vorliegt, '''BEVOR''' Sie sie in Moodle hochladen. Das ist besser als die Anzeigegröße nachträglich in Moodle anzupassen.  


*Wenn Sie ein Bild in einen Text in Moodle einbetten wollen, dann verwenden Sie zum Schreiben den [[Text-Editor]]. In der Symbolleiste des Editors klicken Sie auf das Bild-Symbol [[Image:image.gif]].
*Wenn Sie ein Bild in einen Text in Moodle einbetten wollen, dann verwenden Sie zum Schreiben den [[Text-Editor]]. In der Symbolleiste des Editors klicken Sie auf das Bild-Symbol [[Image:fa-picture-o.svg|16px|baseline]].
*Entweder tragen Sie im Textfeld ''URL eingeben'' die URL einer Bilddatei ein, die bereits woanders online verfügbar ist. Oder Sie klicken auf den Button ''Repositories durchsuchen''. Es öffnet sich der [[Datei-Browser]].
*Klicken Sie auf den Button ''Repositories durchsuchen''. Es öffnet sich der [[Datei-Browser]]. Alternativ können Sie im Textfeld ''URL eingeben'' die URL einer Bilddatei eintragen, die bereits woanders online verfügbar ist (siehe Abschnitt [[Bilder#Bilder von anderen Websites anzeigen|Bilder von anderen Websites anzeigen]].
*Klicken Sie auf den Link [[Datei hochladen]] oder wählen Sie eine [[Datei aus Repository auswählen|bereits hochgeladene Datei aus einem Repository aus]].
*Klicken Sie auf den Link [[Datei hochladen]] oder wählen Sie eine [[Datei aus Repository auswählen|bereits hochgeladene Datei aus einem Repository aus]].
*Über das Auswahlmenü ''Lizenz wählen'' legen Sie die Nutzungsrechte für die Datei fest.
*Über das Auswahlmenü ''Lizenz wählen'' legen Sie die Nutzungsrechte für die Datei fest.
Zeile 17: Zeile 18:
*Optional können Sie die ''Größe'' des Bildes ändern und die ''Ausrichtung'' wählen.
*Optional können Sie die ''Größe'' des Bildes ändern und die ''Ausrichtung'' wählen.
*Klicken Sie abschließend auf den Button ''Bild sichern''.  
*Klicken Sie abschließend auf den Button ''Bild sichern''.  
*Nun wird das Bild im Text-Editor angezeigt. Wenn Sie Ihren gesamten Text eingegeben haben, klicken Sie auf den Button ''Änderungen speichern''.


===Extern hochgeladene Bilddateien in Moodle verwenden===
===Hochgeladene Bilddateien bearbeiten===
{{Neu}}
Wenn Sie ein bereits hochgeladenes Bild nachträglich bearbeiten wollen, dann verwenden Sie den [[Text-Editor|Atto-Texteditor]] und machen Sie einen Doppelklick auf das Bild. Dann öffnet sich ein Fenster mit den Bildeigenschaften, die Sie nun ändern können. Beachten Sie jedoch, dass es besser ist, das Bild gleich in der passenden Größe hochzuladen, anstatt nachträglich Änderungen vorzunehmen.
Wenn Sie eine eine Bilddatei haben, die auf einem anderen Server im Internet liegt, dann können Sie diese Datei in Moodle verwenden, ohne sie auf den Moodle-Server hochzuladen. Im folgenden werden zwei Methoden beschrieben, wie das geht.
 
'''Achtung''': Sollte die Bilddatei auf dem externen Server gelöscht werden, dann kann sie auch in Moodle nicht mehr angezeigt werden.
 
====Methode 1====
*Folgen Sie den Anweisungen oben zum Hochladen einer Bilddatei.
*Kopieren Sie die URL der Bilddatei auf dem externen Server und tragen Sie diese in das Eingabefeld ''URL eingeben'' ein.


==Drag&Drop für Bilder==
==Drag&Drop für Bilder==
Bilder können in einem [[Textfeld]], das auf der Kursseite angezeigt wird, direkt per Drag&Drop hochgeladen werden. Diese Funktionalität wird von aktuellen Browsern unterstützt (nicht für IE 9, Safari 6 und ältere Browser).
Bilder können in einem [[Textfeld]], das auf der Kursseite angezeigt wird, direkt per Drag&Drop hochgeladen werden. Diese Funktionalität wird von allen aktuellen Browsern unterstützt.


Voraussetzung dafür ist, dass die Moodle-Administration die Drag&Drop-Funktionalität systemweit aktiviert hat: Auf der Seite ''[[Einstellungen-Block|Einstellungen]] > Website-Administration > Plugins > Aktivitäten > Textfeld'' muss die Checkbox ''Drag&Drop für Medien'' markiert sein.
Voraussetzung dafür ist, dass die Moodle-Administration die Drag&Drop-Funktionalität systemweit aktiviert hat: Über den Menupunkt ''Website-Administration'' (oder im Block ''[[Einstellungen-Block|Einstellungen]]) > Website-Administration'')'' > Plugins > Aktivitäten > Textfeld'' muss die Checkbox ''Drag&Drop für Medien'' markiert sein.


Wenn Sie eine Bilddatei per Drag&Drop direkt auf die Kursseite ziehen (vorher auf der Kursseite den Button ''Bearbeiten einschalten'' rechts oben klicken!), dann öffnet sich ein Popup, wo Sie auswählen können, ob das Bild dirket auf der Kursseite angezeigt werden soll (Option ''Bild zur Kursseite hinzufügen'') oder ob das Bild als [[Datei]] auf der Kursseite bereitgestellt werden soll (Option ''Datei einbinden'').
Wenn Sie eine Bilddatei per Drag&Drop direkt auf die Kursseite ziehen (vorher die Kursseite in den Bearbeitungsmodus setzen!), dann öffnet sich ein Popup, wo Sie auswählen können, ob das Bild direkt auf der Kursseite angezeigt werden soll (Option ''Medien zur Kursseite hinzufügen'') oder ob das Bild als [[Datei]] auf der Kursseite bereitgestellt werden soll (Option ''Datei einbinden'').


[[Image:bilddragdrop.jpg]]
[[Image:bilddragdrop.jpg|300px]]


==Bilder von anderen Websites anzeigen==
==Bilder von anderen Websites anzeigen==
Zeile 43: Zeile 38:


===Methode 1===
===Methode 1===
*Gehen Sie wieder in den [[Text-Editor]] und klicken Sie auf das Bild-Symbol [[Image:image.gif]] in der Symbolleiste des Editors.
*Gehen Sie wieder in den [[Text-Editor]] und klicken Sie auf das Bild-Symbol [[Image:fa-picture-o.svg|16px|baseline]] in der Symbolleiste des Editors.
*Kopieren Sie die URL des externen Bildes in das Textfeld ''Adresse''.
*Kopieren Sie die URL des externen Bildes in das Textfeld ''URL eingeben''.
*Optional können Sie eine ''Beschreibung'' der Datei im gleichnamigen Textfeld eingeben.
*Optional können Sie eine ''Beschreibung'' der Datei im gleichnamigen Textfeld eingeben.
*Klicken Sie auf den Reiter ''Darstellung'', wenn Sie die Anzeigegröße des Bildes ändern wollen.
*Optional können Sie die ''Größe'' des Bildes ändern und die ''Ausrichtung'' wählen.
*Klicken Sie auf den Reiter ''Erweitert'', wenn Sie zusätzliche Informationen zur Bilddatei hinterlegen wollen.
*Klicken Sie abschließend auf den Button ''Bild sichern''.  
*Klicken Sie abschließend auf den Button ''Einfügen''.  
*Nun wird das Bild im Text-Editor angezeigt. Wenn Sie Ihren gesamten Text eingegeben haben, klicken Sie auf den Button ''Änderungen speichern''.
*Nun wird das Bild im Text-Editor angezeigt. Wenn Sie Ihren gesamten Text eingegeben haben, klicken Sie auf den Button ''Änderungen speichern''.


Zeile 57: Zeile 51:
*Es ist möglich, Bilder aus Flickr in Moodle einzubinden.
*Es ist möglich, Bilder aus Flickr in Moodle einzubinden.
*Dazu muss die Moodle-Administration das [[Flickr Public Repository]] aktivieren.
*Dazu muss die Moodle-Administration das [[Flickr Public Repository]] aktivieren.
*Gehen Sie wieder in den [[Text-Editor]] und klicken Sie auf das Bild-Symbol [[Image:image.gif]] in der Symbolleiste des Editors.
*Gehen Sie wieder in den [[Text-Editor]] und klicken Sie auf das Bild-Symbol [[Image:fa-picture-o.svg|16px|baseline]] in der Symbolleiste des Editors.
*Klicken Sie auf den Link ''Bild wählen oder hochladen''. Es öffnet sich der [[Datei-Browser]].
*Klicken Sie auf den Link ''Bild wählen oder hochladen''. Es öffnet sich der [[Datei-Browser]].
*Wählen Sie ein passendes Bild aus dem [[Flickr Public Repository]] aus.  
*Wählen Sie ein passendes Bild aus dem [[Flickr Public Repository]] aus.  
Zeile 63: Zeile 57:
Auf die gleiche Weise können Sie auch Bilder aus dem [[Flickr Repository]] oder dem [[Picasa Web Album Repository]] einbinden.
Auf die gleiche Weise können Sie auch Bilder aus dem [[Flickr Repository]] oder dem [[Picasa Web Album Repository]] einbinden.


==Bild bearbeiten==
==Warum sehe ich den Button ''Repositories durchsuchen'' nicht?==
*Gehen Sie wieder in den [[Text-Editor]] und klicken Sie auf das Bild-Symbol [[Image:image.gif]] in der Symbolleiste des Editors.
Wenn es auf der Seite irgendwelche Javascript-Fehlermeldungen gibt, dann sind der [[Datei-Browser]] und der [[Text-Editor]] in Moodle betroffen. Prüfen Sie also als erstes die Fehlermeldungen in der Javascript-Konsole (F12-Taste im Firefox und IE9+).
 
===Darstellung===
Klicken Sie auf den Reiter ''Darstellung'', wenn Sie die Anzeigedaten des Bildes ändern wollen.
 
;Ausrichtung
:In diesem Auswahlmenü wählen Sie, wie das Bild in den Text eingebettet werden soll.
 
;Größe
:Geben Sie an, mit welcher Breite und Höhe das Bild angezeigt werden soll (in Pixeln).
 
;Vertikaler Abstand und Horizontaler Abstand
:Tragen Sie die Abstände des Bildes zum Text ein.
 
;Rahmen
:Geben Sie die Dicke des Rahmens (in Pixeln) für das Bild ein. Wenn Sie das Feld leer lassen, wird kein Rahmen angezeigt.
 
===Erweitert===
Klicken Sie auf den Reiter ''Darstellung'', wenn Sie weitere Informationen zum Bild hinterlegen wollen:
 
;Alternatives Bild
:Tragen Sie hier bei Bedarf URLs zu alternativen Bildern ein, die angezeigt werden, wenn man mit der Maus über das Bild fährt (''bei Mauskontakt'') oder mit der Maus anklickt (''ohne Mauskontakt'').


;Verschiedenes
Außerdem sei angemerkt, dass es in Moodle Bereiche gibt, die das Hochladen von Dateien unterstützen und Bereiche, für die das nicht gilt. Sollten Sie sich in so einem Bereich befinden (z.B. innerhalb der Bewertungsübersicht), dann können Sie Bilder trotzdem mit Hilfe der URL-Angabe einbinden.
:Hier können Sie weitere Informationen zum Bild angeben: ''Tittel, ID, Schriftrichtung, Sprachcode, Image-Map'' und ''Ausführliche Beschreibung'':


[[en:Images]]
[[en:Images]]
[[es:Imágenes]]

Aktuelle Version vom 25. Juli 2019, 07:04 Uhr

Sie können mit Hilfe des Text-Editors Bilder aus einer Vielzahl von externen Quellen in Moodle hochladen und einbinden. Mit Bildern können Sie Kursseiten, Aufgaben oder andere Moodle-Inhalte attraktiver gestalten. Bilder, die Sie an Forumsbeiträge anhängen oder in Testfragen einbinden, werden direkt im Forumsbeitrag bzw. in der Testfrage angezeigt.

Bilder hinzufügen

Moodle akzeptiert Bilddateien in den Formaten *.jpg, *.png und *.gif.


Bilddatei von Ihrem Computer hochladen

Hinweis: Sorgen Sie dafür, dass die Bilddatei in einer passenden Größe vorliegt, BEVOR Sie sie in Moodle hochladen. Das ist besser als die Anzeigegröße nachträglich in Moodle anzupassen.

  • Wenn Sie ein Bild in einen Text in Moodle einbetten wollen, dann verwenden Sie zum Schreiben den Text-Editor. In der Symbolleiste des Editors klicken Sie auf das Bild-Symbol fa-picture-o.svg.
  • Klicken Sie auf den Button Repositories durchsuchen. Es öffnet sich der Datei-Browser. Alternativ können Sie im Textfeld URL eingeben die URL einer Bilddatei eintragen, die bereits woanders online verfügbar ist (siehe Abschnitt Bilder von anderen Websites anzeigen.
  • Klicken Sie auf den Link Datei hochladen oder wählen Sie eine bereits hochgeladene Datei aus einem Repository aus.
  • Über das Auswahlmenü Lizenz wählen legen Sie die Nutzungsrechte für die Datei fest.
  • Klicken Sie abschließend auf den Button Datei auswählen.
  • Optional können Sie eine Beschreibung der Datei im gleichnamigen Textfeld eingeben.
  • Optional können Sie die Größe des Bildes ändern und die Ausrichtung wählen.
  • Klicken Sie abschließend auf den Button Bild sichern.
  • Nun wird das Bild im Text-Editor angezeigt. Wenn Sie Ihren gesamten Text eingegeben haben, klicken Sie auf den Button Änderungen speichern.

Hochgeladene Bilddateien bearbeiten

Wenn Sie ein bereits hochgeladenes Bild nachträglich bearbeiten wollen, dann verwenden Sie den Atto-Texteditor und machen Sie einen Doppelklick auf das Bild. Dann öffnet sich ein Fenster mit den Bildeigenschaften, die Sie nun ändern können. Beachten Sie jedoch, dass es besser ist, das Bild gleich in der passenden Größe hochzuladen, anstatt nachträglich Änderungen vorzunehmen.

Drag&Drop für Bilder

Bilder können in einem Textfeld, das auf der Kursseite angezeigt wird, direkt per Drag&Drop hochgeladen werden. Diese Funktionalität wird von allen aktuellen Browsern unterstützt.

Voraussetzung dafür ist, dass die Moodle-Administration die Drag&Drop-Funktionalität systemweit aktiviert hat: Über den Menupunkt Website-Administration (oder im Block Einstellungen) > Website-Administration) > Plugins > Aktivitäten > Textfeld muss die Checkbox Drag&Drop für Medien markiert sein.

Wenn Sie eine Bilddatei per Drag&Drop direkt auf die Kursseite ziehen (vorher die Kursseite in den Bearbeitungsmodus setzen!), dann öffnet sich ein Popup, wo Sie auswählen können, ob das Bild direkt auf der Kursseite angezeigt werden soll (Option Medien zur Kursseite hinzufügen) oder ob das Bild als Datei auf der Kursseite bereitgestellt werden soll (Option Datei einbinden).

bilddragdrop.jpg

Bilder von anderen Websites anzeigen

Sie können Bilder, die auf einem anderen Server im Internet gespeichert sind, in Moodle anzeigen, ohne sie in Moodle hochzuladen.

Hinweis: Wenn das Bild zu einem späteren Zeitpunkt auf der externen Quelle gelöscht wird, dann wird in Moodle anstelle des Bildes ein rotes X angezeigt.

Methode 1

  • Gehen Sie wieder in den Text-Editor und klicken Sie auf das Bild-Symbol fa-picture-o.svg in der Symbolleiste des Editors.
  • Kopieren Sie die URL des externen Bildes in das Textfeld URL eingeben.
  • Optional können Sie eine Beschreibung der Datei im gleichnamigen Textfeld eingeben.
  • Optional können Sie die Größe des Bildes ändern und die Ausrichtung wählen.
  • Klicken Sie abschließend auf den Button Bild sichern.
  • Nun wird das Bild im Text-Editor angezeigt. Wenn Sie Ihren gesamten Text eingegeben haben, klicken Sie auf den Button Änderungen speichern.

Method 2

Es ist möglich, ein Bild aus einer externen Quelle per Copy&Paste in den Text-Editor zu kopieren. Beachten Sie jedoch das Urheberrecht!

Bilder von Flickr in Moodle einbinden

  • Es ist möglich, Bilder aus Flickr in Moodle einzubinden.
  • Dazu muss die Moodle-Administration das Flickr Public Repository aktivieren.
  • Gehen Sie wieder in den Text-Editor und klicken Sie auf das Bild-Symbol fa-picture-o.svg in der Symbolleiste des Editors.
  • Klicken Sie auf den Link Bild wählen oder hochladen. Es öffnet sich der Datei-Browser.
  • Wählen Sie ein passendes Bild aus dem Flickr Public Repository aus.

Auf die gleiche Weise können Sie auch Bilder aus dem Flickr Repository oder dem Picasa Web Album Repository einbinden.

Warum sehe ich den Button Repositories durchsuchen nicht?

Wenn es auf der Seite irgendwelche Javascript-Fehlermeldungen gibt, dann sind der Datei-Browser und der Text-Editor in Moodle betroffen. Prüfen Sie also als erstes die Fehlermeldungen in der Javascript-Konsole (F12-Taste im Firefox und IE9+).

Außerdem sei angemerkt, dass es in Moodle Bereiche gibt, die das Hochladen von Dateien unterstützen und Bereiche, für die das nicht gilt. Sollten Sie sich in so einem Bereich befinden (z.B. innerhalb der Bewertungsübersicht), dann können Sie Bilder trotzdem mit Hilfe der URL-Angabe einbinden.