LMS-Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen: • Link/URL
de:moodle:settings:image:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung		Vorhergehende Überarbeitung
Letzte ÜberarbeitungBeide Seiten der Revision
de:moodle:settings:image:start [2023/04/25 12:00] – me1014de:moodle:settings:image:start [2023/10/24 08:42] – me1014
Zeile 2: Zeile 2:
 ====== Kursbild ====== ====== 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.1200px x 400px).+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 ===== ===== Statisches Kursbild einfügen =====
  
-<WRAP center round tip bloc>Klicken Sie auf das Zahnrad bzw. "**Aktionsmenü**" und dann \\  +  * Wählen Sie auf der Kursübersichtsseite den Kursnavigationspunkt **Einstellungen**. 
-auf "**Einstellungen bearbeiten**". </WRAP> +  * Bis zum Reiter "Beschreibung" und dort zum "Kursbild" scrollen
- +
-  * Bis zum Eintrag "Beschreibung" und dort zum "Kursbild" scrollen+
   * Im Dateiauswahl-Fenster **Datei hinzufügen** wählen   * Im Dateiauswahl-Fenster **Datei hinzufügen** wählen
  
 {{:de:moodle:settings:banner:kursbild_dateiauswahl.png?600|}} {{:de:moodle:settings:banner:kursbild_dateiauswahl.png?600|}}
 +\\ //Bild: Dateiauswahl für Kursbild//
  
   * gewünschte Bilddatei aus Ihrem Datei-Explorer/Finder auswählen     * gewünschte Bilddatei aus Ihrem Datei-Explorer/Finder auswählen  
  
 {{:de:moodle:settings:banner:kursbild_upload.png?600|}} {{:de:moodle:settings:banner:kursbild_upload.png?600|}}
 +\\ //Bild: Kursbild hochladen//
  
   * "Datei hochladen" und   * "Datei hochladen" und
   * abschließen mit **Speichern und anzeigen**   * 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.
 + 
 +  * 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: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:settings:image:start#statisches_kursbild_einfuegen|Kursbild in einem Moodle-Kurs einrichten]] 
 +
 +{{:de:moodle: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 ===== ===== Animiertes Kursbild (als GIF) einfügen =====
Zeile 25: Zeile 50:
 Es ist auch möglich, ein animiertes Bild als Kursbild einzusetzen.  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. 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:settings:image:start#https://lms-wiki.jade-hs.de/de/moodle/settings/image#statisches_kursbild_einfuegen|statischen Bildern]].+Das Einbinden der fertigen Datei in den Kurs erfolgt auf gleichem Weg wie bei [[https://lms-wiki.jade-hs.de/de/moodle:settings:image:start#statisches_kursbild_einfuegen|statischen Bildern]].
  
 ===== Ein Kursbild löschen ===== ===== Ein Kursbild löschen =====
Zeile 33: Zeile 58:
  
 {{:de:moodle:settings:banner:kursbild_loeschen.png?600|}} {{:de:moodle:settings:banner:kursbild_loeschen.png?600|}}
 +\\ //Bild: Kursbild löschen//