LMS-Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen:
de:moodle:settings:image:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung		Vorhergehende Überarbeitung
Letzte ÜberarbeitungBeide Seiten der Revision
de:moodle:settings:image:start [2022/09/09 17:09] – angelegt helmkede: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 das Maß **413x112px**.+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).
  
-**Anleitung**:+===== Statisches Kursbild einfügen =====
  
-1. **Bearbeiten einschalten** \\ +  * Wählen Sie auf der Kursübersichtsseite den Kursnavigationspunkt **Einstellungen**. 
-2. **Einstellungen bearbeiten** auswählen \\ +  * Bis zum Reiter "Beschreibung" und dort zum "Kursbild" scrollen 
-3. Im Reiter "Beschreibung" zum Punkt "Kursbild" scrollen  \\ +  * Im Dateiauswahl-Fenster **Datei hinzufügen** wählen
-4. 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//
  
-5. gewünschte Bilddatei aus Ihrem 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//
  
-6. **Kurseinstellungen speichern**.  \\+  * "Datei hochladen" und 
 +  * abschließen mit **Speichern und anzeigen**
  
-Sie möchten das Kursbild wieder löschen? +===== Gestaltung des Kursbildes ===== 
-Einfach in der Dateiauswahl das Bild auswählen und auf den Papierkorb klicken.+ 
 +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 ===== 
 + 
 +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 [[https://lms-wiki.jade-hs.de/de/moodle: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|}} {{:de:moodle:settings:banner:kursbild_loeschen.png?600|}}
 +\\ //Bild: Kursbild löschen//