Design-Vorlagen: Unterschied zwischen den Versionen

Aus helpdesk
Zur Navigation springen Zur Suche springen
K
K
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 6: Zeile 6:


Die Gestaltungsvorlagen erreichen Sie über die Schaltfläche mit dem Pinsel-Icon:<br>
Die Gestaltungsvorlagen erreichen Sie über die Schaltfläche mit dem Pinsel-Icon:<br>
[[Datei:Editor gestaltungsvorlagen.jpg]]<br><br>
[[Datei:Editor gestaltungsvorlagen.jpg| 800px | Übersicht über Design-Vorlagen]]<br><br>


Markieren Sie den Textbereich und wählen anschließend die gewünschte Gestaltungsvorlage aus:<br>
Markieren Sie den Textbereich und wählen anschließend die gewünschte Gestaltungsvorlage aus:<br>
[[Datei:Gestaltungsvorlagen.PNG]]
[[Datei:Gestaltungsvorlagen.PNG| Vorschau der Designvorlagen mit Bezeichnung]]
<br><br>
<br><br>


Über die Editor-Schaltfläche ''Mehr Symbole anzeigen'' können Sie weitere Design-Vorlagen abrufen:<br>
Über die Editor-Schaltfläche ''Mehr Symbole anzeigen'' können Sie weitere Design-Vorlagen abrufen:<br>
[[Datei:Designvorlagen.PNG]]<br><br>
[[Datei:Designvorlagen.jpg| 800px | Möglichkeiten weiterer Designs für Moodle-Kurse]]<br><br>
Das sich öffnende Pop Up zeigt bereits eine kleine Vorschau der vorhandenen Design-Vorlagen.
Das sich öffnende Pop Up zeigt bereits eine kleine Vorschau der vorhandenen Design-Vorlagen.
# Einleitung: Überschrift mit Untertitel
# Einleitung: Überschrift mit Untertitel

Aktuelle Version vom 20. Januar 2021, 08:59 Uhr

Moodle-Lernumgebungen setzen sich meist aus den klassischen Moodle-Aktivitäten und -Materialien zusammen. Über Studienbriefe, Zusatzliteratur, Foren oder Aufgaben hinaus, ist auch der Aufbau und die Gestaltung von einer Lernumgebung wichtig. Nicht nur die klare Struktur hilft beim Lehren und Lernen, auch ein ansprechendes Design motiviert die Lehrenden.
Über den Moodle-Editor haben Sie als Betreuer*in nun die Möglichkeit, mit Hilfe von Design-Vorlagen Ihre Lernumgebungen zu gestalten.

Vorgehen für Betreuer*innen

Klicken Sie in Ihrer Moodle-Lernumgebung Bearbeiten einschalten an. Erstellen Sie anschließend über Material oder Aktivität hinzufügen ein einfaches Textfeld.

Die Gestaltungsvorlagen erreichen Sie über die Schaltfläche mit dem Pinsel-Icon:
Übersicht über Design-Vorlagen

Markieren Sie den Textbereich und wählen anschließend die gewünschte Gestaltungsvorlage aus:
Vorschau der Designvorlagen mit Bezeichnung

Über die Editor-Schaltfläche Mehr Symbole anzeigen können Sie weitere Design-Vorlagen abrufen:
Möglichkeiten weiterer Designs für Moodle-Kurse

Das sich öffnende Pop Up zeigt bereits eine kleine Vorschau der vorhandenen Design-Vorlagen.

  1. Einleitung: Überschrift mit Untertitel
  2. Kontaktbox für eine*n Betreuer*in (Foto, Name, Kontaktdaten)
  3. Kontaktbox für zwei Betreuer*innen (Foto, Name, Kontaktdaten)
  4. Kontaktbox für drei Betreuer*innen (Foto, Name, Kontaktdaten)
  5. Textboxen mit je einem Bild auf der linken Seite
  6. Zwei- bis sechsspalitges Layout
  7. Drei Thumbnail Boxen (Kombnination von Bild und Text)
  8. Jumbotron (Textbox mit großer Schrift)
  9. Akkordeon (Aufklappmechanismus) mit drei Teilbereichen

Bitte beachten Sie bei der Nutzung der zusätzlichen Design-Vorlage ein paar Gestaltungshinweise

  • Modernes Design bedeutet in der Regel auch großflächiges Design. Achten Sie bei der Verwendung der Vorlagen auf das Ergebnis mit unterschiedlichen Monitorformaten. Häufig empfiehlt sich in Moodle die Verwendung eines zweispaltigen Layouts, d.h. der Verzicht auf rechtsliegende Blöcke.
  • Achten Sie bei der Bildauswahl darauf, dass die Bilder nicht zu groß und ggf. einheitlich sind. Querformatierte Bilder werden bei runden Vorlagen als Oval dargestellt, Quadratische Bilder als Kreis. Wünschen Sie ein einheitliches Enddesign, skalieren Sie Ihre Bilder bitte bereits vor dem Hochladen.
  • Sollte eine Texteingabe zu Fehlern führen, ist die erste Hilfe 'Strg + Z' (Rückgängig-Befehl). Reicht dies nicht aus, hilft etwas Übung im Umgang mit den Vorlagen oder ein Blick in den html-Code. Gerne hilft Ihnen das Team der Koordinationsstelle (ZMI) weiter.

Beispiele

Designvorlagen2.PNG