Passende Formatierungen unterstützen Lernende dabei, sich in Texten zu orientieren, Inhalte schneller zu erfassen und Inhaltselemente bei Bedarf wiederzufinden. Ein gut formatierter Text erscheint zudem attraktiver, als eine "Textwüste".

Textformatierungen

Im SDG Campus stehen zum einen traditionelle Formatierungsoptionen wie Überschriften (H3, H4, H5) oder Gliederungspunkte zur Verfügung. Zum anderen gibt es Stylevorlagen, mit denen bestimmte, wiederkehrende Inhaltselemente wie Arbeitsaufträge oder Tipps ausgezeichnet werden. 

Beide werden über die horizontale Menüleiste im Editor aufgerufen. Die Überschriften und Stylevorlagen findet Ihr sich unter Screenshot des Editormenüs mit Button für die Stylevorlage. Bitte nutzt diese und vermeidet, Texte über den HTML-Code individuell zu formatieren. Insbesondere individuelle Farbauszeichnungen sind zu vermeiden, da diese den wiedererkennbaren Look der SDG-Campus-Kurse stören und schnell dazu führen, dass nicht barrierefreie Farbkombinationen gewählt werden.

Alle Formatvorlagen funktionieren so, dass Ihr zunächst Euren Text eingebt und diesen dann formatiert. Dazu muss der Text markiert werden bzw. der Cursor in dem betreffenden Absatz sein. Alle Vorlagen beziehen sich auf den gesamten Absatz, nicht einzelne Wörter.

Wenn Ihr Texte aus anderen Webseiten oder Programmen wie Word nach Moodle kopiert, werden oft unerwünschte Formatierungen mit übertragen. Oft ist das auf den ersten Blick gar nicht sichtbar, sondern nur im HTML-Code erkennbar. Darum empfehlen wir, bei Reinkopieren von Texten die Tastaturkombination
  • Strg + Umschalt + V  bzw.  Ctrl + Shift + V (Windows/Linux) 
  • Shift + Cmd + V (Mac)
zu nutzen. So wird der blanke Text ohne Formatierungen eingefügt.

SDG Campus Stylevorlagen

Unter dem -Tropfen-Icon findet Ihr die spezifischen Stylevorlagen des SDG Campus. Bitte nutzt sie für folgende Anlässe:

ca. 10 Min.  (Angabe der Bearbeitungszeit)

Arbeitsauftrag: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Tipp/Denkanregung: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Ausblick: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Zusammenfassung
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
  • At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
PDF-Link (interne und externe PDFs)
Zusatzmaterial: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Zitat (abgehoben)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Beispiel (für umfangreiche Beispiele)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Textbox für allgemeine Hervorhebungen
Bildunterschrift


Quellenangabe
  • Bei allen Styles reicht es, wenn der Cursor irgendwo im zu formatierenden Absatz ist und Ihr dann die Style-Vorlage wählt. 
  • Nur bei der Bearbeitungszeit müsst Ihr die Wörter vorher markieren, die formatiert werden soll. Die Bearbeitungszeit kann auch innerhalb der Absatzformate genutzt werden:

Lesezeit ca. 1 Min.

Absätze bzw. Zeilenumbrüche in der Stylevorlage einfügen

Um einen Zeilenumbruch zu setzen, müsst Ihr innerhalb der Stylevorlagen nicht einfach Enter drücken, sondern beim Drücken der Enter-Taste die Shift/Umschalt-Taste gedrückt halten, also Shift + Enter.

Listen/Gliederungspunkte in der Stylevorlage erstellen

Innerhalb der SDG-Campus-Styles kann wie überall im Text eine Liste mit Gliederungspunkten erstellt werden. Dazu wählt Ihr erst die passende Stylevorlage aus und dann die Gliederungspunkte im Editormenü.

  • Beispiel für Stylevorlage mit Listenpunkten
  • Beispiel für Stylevorlage mit Listenpunkten

Wenn Ihr vor der Liste noch Text ohne Gliederungspunkte platzieren wollt, erzeugt Ihr mit im Text zunächst Shift + Enter einen bedingten Zeilenumbruch und wählt dann für den unteren Textteil die Gliederungspunkte. Um Gliederungspunkte hinzuzufügen, drückt Ihr jetzt einfach Enter (nicht Shift + Enter)

Beispiel für Stylevorlage mit "Normaltext" und Listenpunkten
  • Listenpunkte
  • Listenpunkte
Wenn über und unter der Liste "normaler" Text stehen soll. erzeugt Ihr per Shift + Enter zunächst drei Zeilen und formatiert dann die mittlere als Liste (per Enter könnt Ihr wieder Listenpunkte hinzufügen.

Beispiel für Stylevorlage mit "Normaltext" und Listenpunkten
  • Listenpunkte
  • Listenpunkte
Beispiel für Stylevorlage mit "Normaltext" und Listenpunkten

Nummerierte Listen sind nicht vorgesehen.


Einbettung externer, verbindlicher Materialien

Externes Lernmaterial, das aus rechtlichen oder technischen Gründen nicht direkt im SDG Campus abgelegt werden kann und das Lernende verbindlich bearbeiten sollen (also kein Zusatzmaterial), wird wie folgt mit Vorschaubild im Webbrowserrahmen, Titel und Link-Button eingebunden:

Screenshot der Webseite

Podcast-Folge "Nachhaltigkeit - alles nur Greenwashing?"

Zum Lernmaterial

Ladet Euch dazu unsere Powerpointvorlage (PPTX) runter und führt folgende Schritte aus:

  • Vorschaubild mithilfe der Powerpointvorlage erzeugen
  • Vorlage-Code aus der Powerpointvorlage in Zwischenablage kopieren
  • Editor in -HTML-Ansicht schalten
  • Vorlage-Code an passender Stelle einfügen
  • Bild ersetzen
  • Titel anpassen
  • Link und Linktitel austauschen (Der Anzeigename des Links ist einheitlich "zum Lernmaterial")
  • Speichern

Die Anpassungen ab Bild ersetzen können entweder in der HTML-Ansicht oder Normalansicht erfolgen.

Bild ersetzen in Normalansicht: 

  • Bild anklicken
  • Bild-Icon im Editormenü anwählen
  • Im Pop-Up-Fenster Datei auswählen wählen und das eigene Vorschaubild von der eigenen Festplatte hochladen
  • Bild Speichern


Bei externen, verbindlich zu lesenden PDFs wird die vollständige Quelle angegeben und die Quellenangabe dann verlinkt und mit der PDF-Stylevorlage formatiert.


Tipps

Für Moodle-Erfahrene: Bitte den voreingestellten Atto-Editor, nicht TinyMCE nutzen. 
Für Personen mit HTML-Kenntnissen: Der Atto-Editor bietet auch eine HTML-Ansicht. Manchmal kann es hilfreich sein, mit dieser zu arbeiten. Prinzipiell können auf diesem Weg auch spezielle Elemente wie ein Akkordeon u.a. eingefügt werden. Wenn Ihr diese braucht, nutzt bitte Elemente von Bootstrap. Moodle nutzt Bootstrap 4.6. Bitte beschränkt Euch bei den Farben auf Elemente in Weiß, Schwarz und Grau und vermeidet Elemente, die ein eigenes Navigationskonzept haben. Haltet im Zweifel Rücksprache mit dem SDG-Campus-Team.