LMS-Wiki

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
====== Kursbild ======

Sie können Ihrem Kurs ein thematisch passendes Kursbild zufügen. Erlaubt sind Dateien des Formats PNG/JPG/GIF. Optimal wählen Sie für die Grafik ein Pixelverhältnis im Maßstab 3:1 (z.B.1500px x 500px).

===== Statisches Kursbild einfügen =====

  * Wählen Sie auf der Kursübersichtsseite den Kursnavigationspunkt **Einstellungen**.
  * Bis zum Reiter "Beschreibung" und dort zum "Kursbild" scrollen
  * Im Dateiauswahl-Fenster **Datei hinzufügen** wählen

{{:de:moodle:settings:banner:kursbild_dateiauswahl.png?600|}}
\\ //Bild: Dateiauswahl für Kursbild//

  * gewünschte Bilddatei aus Ihrem Datei-Explorer/Finder auswählen  

{{:de:moodle:settings:banner:kursbild_upload.png?600|}}
\\ //Bild: Kursbild hochladen//

  * "Datei hochladen" und
  * abschließen mit **Speichern und anzeigen**

===== Gestaltung des Kursbildes =====

Das eingesetzte moodle-Theme "Boost Union" arbeitet mit einem fluiden Design, das sich immer aktuell (und fließend) an die Größe des Browserfensters anpasst. 
Daher ist es so, dass Kursbilder je nach Displaybedingung (Auflösung, Seitenverhältnis) beschnitten werden.
Um ein möglichst optimales Anzeigeverhalten zu gewährleisten stellen wir eine Vorlage für ein Kursbild im PSD-Format (z.B. für Adobe Photoshop) bereit.

**Hinweis:** Gestalten Sie das Kursbild so, dass der Fokus mittig und zentriert ist, damit das Kernelement auch in verkleinerten Darstellungen (die Kursübersicht im Dashboard beschneidet die Randbereiche) sichtbar bleibt. 
 
  * Tipp 1: Der Name des Kurses oder Ihr Textwunsch ist sehr lang? Dann verkleinern Sie die Schriftgröße, sodass die Dimensionen des Textes im Beispiel nicht überschritten werden.
  * Tipp 2: Andere Farbe für den Hintergrund gewünscht? Dazu einfach die "Ebene 1" wie gewünscht einfärben. Auch die Textfarbe kann natürlich geändert werden. Bitte beachten Sie aber, dass eine gute und lesefreundliche Gestaltung einen ausreichenden Kontrast zwischen Hintergrund und Text erfordert. 
  * Tipp 3: Kann ich auch Grafiken/Fotos/Bilder einsetzen? Das ist möglich, aber für unser eingesetztes Theme nicht zu empfehlen. Durch die fließende Anpassung der Grafik werden zusätzliche grafische Elemente nicht an der gewünschten Stelle und in korrekter Größe dargestellt.

===== Vorlage Kursbild =====

Sie können unsere Vorlage zur Gestaltung eines Kursbildes nutzen.
Das optimale Vorgehen wäre dann:

  - Entpacken Sie die gezippte PSD-Datei und öffnen Sie diese mit einem Grafikprogramm (z.B. Adobe Photoshop oder Gimp)
  - Gestalten Sie die Grafik nach Wunsch, beachten Sie aber bitte unsere [[de:moodle:course:settings:image:start#gestaltung_des_kursbildes|Hinweise zur Gestaltung]]
  - Um das Bild zu speichern > Exportieren > Für Web speichern (Qualität 85, JPEG, optimiert)
 

{{:de:moodle:course:settings:image:moodle4kursbildvorlage.jpg?600|}}
\\ //Bild: Vorlage Kursbild//
\\ {{ :de:moodle:settings:image:moodle4x_kursbild_vorlage.psd.zip |PSD-Vorlage zum Download}}


===== Animiertes Kursbild (als GIF) einfügen =====

Es ist auch möglich, ein animiertes Bild als Kursbild einzusetzen. 
Dazu können Sie mit einem Grafikprogramm Ihrer Wahl (z.B. Photoshop, InDesign, Canva, Adobe Express,...) Bilder erzeugen, die Sie mit einem GIF-Konverter (z.B. [[https://ezgif.com/|ezGIF]]) in eine .gif-Datei konvertieren. Auch kurze Videos im mp4-Format können in GIGs umgewandelt werden.
Das Einbinden der fertigen Datei in den Kurs erfolgt auf gleichem Weg wie bei [[de:moodle:course:settings:image:start#statisches_kursbild_einfuegen|statischen Bildern]].

===== Ein Kursbild löschen =====

  * In der Dateiauswahl das Bild auswählen und auf den Papierkorb klicken
  * Rückfrage bestätigen

{{:de:moodle:settings:banner:kursbild_loeschen.png?600|}}
\\ //Bild: Kursbild löschen//