ellog - Das E-Learning-Logbuch

Herzlich willkommen auf dem E-Learning-Logbuch der TU Dresden!

Wir informieren an dieser Stelle aktuell über E-Learning-Angebote und -Services insbesondere an der TU Dresden. Unser Angebot richtet sich vorrangig an die E-Learning-Akteure der TU Dresden, aber auch an alle E-Learning-Partner an Universitäten, Hochschulen sowie externen Einrichtungen, wie der Bildungsportal Sachsen GmbH.

Freitag, 5. Dezember 2025

OPAL: Neue Funktionen zur Gestaltung von Seiten

Seit kurzem gibt es in OPAL im Editor zur Inhaltserstellung und -Bearbeitung eine Änderung und eine neue Funktion, die durch die TU Dresden beauftragt wurden und die wir Ihnen hier kurz vorstellen möchten.

Neue Schriftart: Noto Sans

Das neue CD der TU Dresden nutzt seit kurzem eine andere Schriftart: Noto Sans. Sie ähnelt der vorherigen Schriftart Open Sans, bietet aber eine verbesserte Lesbarkeit und kann nun auch in OPAL genutzt werden. Sie können sie einfach im Editor im Schriftartfeld auswählen und Ihre Texte so anpassen.

Falls Sie das Kurslayout mit einer eigenen CSS-Datei verändert haben, kann die Schriftart mit folgender Zeile an den gewünschten Stellen global festgelegt werden: 

font-family: 'Noto Sans', arial, sans-serif; 

Weitere Informationen finden Sie in der OPAL-Hilfe zum Kurslayout.

Inhalte platzsparend darstellen: das Akkordeon

Auf Webseiten findet man häufig sogenannte Akkordeons. Dabei handelt es sich um aus- und einklappbare Elemente. Sie ermöglichen eine strukturierte und platzsparende Darstellung von Inhalten ermöglichen, beispielsweise für FAQs. Darüber hinaus bietet es aber noch weitere Einsatzmöglichkeiten, etwa wenn bestimmte Inhalte zu einem Thema nicht sofort, sondern zunächst in einer Übersicht sichtbar sein sollen.

Diese Funktion kann nun in OPAL eingesetzt werden. Im Editor findet man den entsprechenden Eintrag „Akkordeon“ im Menü „Einfügen“. 

Screenshot Editor in OPAL, das Menü Einfügen ist geöffnet, der Eintrag Akkordeon markiert. Im Textfeld sieht man 2 Akkordeonelemente.

Menü zum Einfügen eines Akkordeons im Editor

Ein paar Dinge gibt es bei der Einrichtung zu beachten:

  • Jede Kombination aus ständig sichtbarem Text (= Zusammenfassung) und ausklappbarem Inhalt bildet jeweils eine eigenständige Einheit im Editor. Wenn Sie mehrere Einträge benötigen, müssen Sie also mehrere Akkordeons einfügen.
  • Klicken Sie auf ein Akkordeon-Element, werden direkt darüber die Buttons zum Aufklappen und Löschen angezeigt. Hierüber kann der eingeklappte Inhalt bearbeitet werden
  • Wird das Akkordeon im Editor ein- oder ausgeklappt, bleibt dies nach dem Speichern auch in der Webseitenansicht so bestehen.

Screenshot Editor in OPAL, ein Akkordeon-Element ist markiert, darüber 2 Buttons rot umrandet
Buttons zur Bearbeitung eines Akkordeon-Elements
Da es sich bei dem Akkordeon technisch um standardisierte Basis-Elemente von Webseiten handelt, funktioniert der Klappmechanismus ohne Spezialfunktionen und kann von aktuellen Browsern barrierefrei genutzt werden. Die Inhalte können also auch mit der Tastatur bedient und mit entsprechenden Programmen vorgelesen werden. Mit Kenntnissen von CSS kann das Design der Akkordeons bei Bedarf über ein individuelles Kurslayout angepasst werden.