Hinweis: Sie sind auf den Seiten der Moodle 2.5 Dokumentation. Die Dokumentation der aktuellsten Moodle-Version finden Sie hier: Bilder.

Bilder: Unterschied zwischen den Versionen

Aus MoodleDocs
Wechseln zu:Navigation, Suche
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Arbeiten mit Multimedia}}
{{Arbeiten mit Multimedia}}


{{Zum Übersetzen}}
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.


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


==Bilddatei hochladen==
==Bilddatei 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.  
'''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:image.gif]].
*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]].
Zeile 19: Zeile 19:
*Klicken Sie abschließend auf den Button ''Einfügen''.  
*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''.
==Drag&Drop für Bilder==
{{Neu}}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).
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.
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'').
[[Image:bilddragdrop.jpg]]


==Bilder von anderen Websites anzeigen==
==Bilder von anderen Websites anzeigen==
Zeile 37: Zeile 46:
Es ist möglich, ein Bild aus einer externen Quelle per Copy&Paste in den [[Text-Editor]] zu kopieren. Beachten Sie jedoch das Urheberrecht!
Es ist möglich, ein Bild aus einer externen Quelle per Copy&Paste in den [[Text-Editor]] zu kopieren. Beachten Sie jedoch das Urheberrecht!


==Adding an image from image hosting sites like Flickr==
==Bilder von Flickr in Moodle einbinden==
*It is possible to search and display an image from Flickr.
*Es ist möglich, Bilder aus Flickr in Moodle einzubinden.
*For this, the [[Flickr public repository]] must be enabled by the administrator
*Dazu muss die Moodle-Administration das [[Flickr Public Repository]] aktivieren.
*After clicking into Find or Upload an image, click on the Flickr repository to search for a suitable image.
*Gehen Sie wieder in den [[Text-Editor]] und klicken Sie auf das Bild-Symbol [[Image:image.gif]] 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.


[[File:Flickr.png]]
==Bild bearbeiten==
*Gehen Sie wieder in den [[Text-Editor]] und klicken Sie auf das Bild-Symbol [[Image:image.gif]] in der Symbolleiste des Editors.


*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.
===Darstellung===
Klicken Sie auf den Reiter ''Darstellung'', wenn Sie die Anzeigedaten des Bildes ändern wollen.


==Editing your image==
;Ausrichtung
* After clicking the image icon in the [[HTML editor|text editor]], two tabs are available to help you better display your image:
:In diesem Auswahlmenü wählen Sie, wie das Bild in den Text eingebettet werden soll.


[[File:Imagetabs.png]]
;Größe
:Geben Sie an, mit welcher Breite und Höhe das Bild angezeigt werden soll (in Pixeln).


===Appearance===
;Vertikaler Abstand und Horizontaler Abstand
*Choose from the Alignment drop down how you want the image to be set against any text. The block with the tree and text show how each option will display.
:Tragen Sie die Abstände des Bildes zum Text ein.


[[File:Imagealignment.jpg]]
;Rahmen
:Geben Sie die Dicke des Rahmens (in Pixeln) für das Bild ein. Wenn Sie das Feld leer lassen, wird kein Rahmen angezeigt.


*Resize the image in the dimensions boxes if desired.
===Erweitert===
*If desired, add a number (in pixels) for a vertical or horizontal space or border around the image.
Klicken Sie auf den Reiter ''Darstellung'', wenn Sie weitere Informationen zum Bild hinterlegen wollen:


===Advanced===
;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'').


*This tab  allows you to set alternative images for mouseover/mouse out and to include miscellaneous information such as title, language direction, long description link etc.
;Verschiedenes
:Hier können Sie weitere Informationen zum Bild angeben: ''Tittel, ID, Schriftrichtung, Sprachcode, Image-Map'' und ''Ausführliche Beschreibung'':


[[File:Advancedtab.png]]
[[en:Images]]
[[en:Images]]

Aktuelle Version vom 19. April 2013, 14:33 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.

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


Bilddatei 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 image.gif.
  • Klicken Sie auf den Link Bild wählen oder hochladen. Es öffnet sich der Datei-Browser.
  • 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.

bilddatei.jpg

  • Klicken Sie auf den Reiter Darstellung, wenn Sie die Anzeigegröße des Bildes ändern wollen.
  • Klicken Sie auf den Reiter Erweitert, wenn Sie zusätzliche Informationen zur Bilddatei hinterlegen wollen.
  • 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.

Drag&Drop für Bilder

Neu
in Moodle 2.5!
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).

Voraussetzung dafür ist, dass die Moodle-Administration die Drag&Drop-Funktionalität systemweit aktiviert hat: Auf der Seite 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).

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 image.gif in der Symbolleiste des Editors.
  • Kopieren Sie die URL des externen Bildes in das Textfeld Adresse.
  • 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.
  • Klicken Sie auf den Reiter Erweitert, wenn Sie zusätzliche Informationen zur Bilddatei hinterlegen wollen.
  • 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.

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 image.gif 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.

Bild bearbeiten

  • Gehen Sie wieder in den Text-Editor und klicken Sie auf das Bild-Symbol image.gif in der Symbolleiste des Editors.

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
Hier können Sie weitere Informationen zum Bild angeben: Tittel, ID, Schriftrichtung, Sprachcode, Image-Map und Ausführliche Beschreibung: