Skip to content

Kursbaustein "Seite"

Steckbrief

Name Seite
Icon Seite Icon
Verfügbar seit Release 18
Funktionsgruppe Wissensvermittlung
Verwendungszweck Darstellung verschiedener Inhalte in einem blockbasierten Layout
Bewertbar nein
Spezialität / Hinweis Die Bearbeitung in einem blockbasierten Editor wird neben dem Kursbaustein Seite auch in Formular-Lernressourcen und Portfolio-Einträgen verwendet.

Beispiel

Es stehen verschiedene Layout-Varianten zur Auswahl, in denen die gewünschten Elemente wie z.B. Bilder, Texte, Tabellen und Videos flexibel platziert und so die gesamte Seite gestaltet werden kann.

Kursbaustein Seite im Kurs

Im Unterschied zum HTML-Editor (Kursbaustein "HTML-Seite") entspricht die Darstellung im blockbasierten Content Editor bereits weitgehend der Vorschau.

Kursbaustein Seite im Bearbeitungsmodus

Seiteninhalt erstellen

Der Kursbaustein Seite wird im Kurseditor hinzugefügt und in den Tabs konfiguriert. Im Tab "Seiteninhalt" rufen Sie den Editor auf.

Kursbaustein Seite im Kurseditor

Es öffnet sich der Content Editor. Fügen Sie zunächst ein neues Layout ein. (Es können weitere dieser Layouts ergänzt werden.)

course_element_page_tab_layout1_v1_de.png

In jedem Feld eines Layouts können ein oder mehrere Inhaltselemente hinzugefügt werden.

Inhaltselement im Kursbaustein Seite hinzufügen

Es stehen folgende Inhaltselemente zur Verfügung:

  • Titel: Titel verwenden die vordefinierten Grössen und Stile h1, h2, usw.
  • Paragraph: Ein Text, der mit einem kleinen HTML-Editor gestaltet werden kann.
  • Tabelle: Tabelle, die in einem zugehörigen Popup gestaltet werden kann.
  • Mathematische Formel: Erstellung mathematischer Formeln mit dem Formeleditor MathJax.
  • Code: Darstellung von Programmiercode ohne Ausführung.
    30 versch. Programmiersprachen ab Release 18.2. course_element_page_code_v1_de.png
  • Dokument: Word-, PowerPoint- oder Excel-Dokumente können sowohl hochgeladen als auch direkt erstellt werden. PDF und andere können hochgeladen oder aus dem Media Center übernommen werden.
  • Audio: Audio auswählen, neu aufnehmen oder als MP3 oder m4a Datei hinzufügen. Ab Release 18.2.
  • Bild: Einfügen eines Bildes aus dem Media Center bzw. Upload.
  • Bildergalerie: Darstellung mehrerer Bilder als Slideshow, in einem Raster oder mit kleinen Vorschaubildern. Ab Release 19.
  • Bildervergleich: Zwei übereinander liegende Bilder können durch einen Schieberegler überblendet werden. Ab Release 19.
  • Video: Einfügen einer Videodatei aus dem Media Center bzw. Upload oder neues Recording
  • draw.io Diagramm: Neu erstellen oder aus der Liste auswählen. Ab Release 18.2.
  • Zitat: Zitate können im Media Center als eigenständige Inhaltselemente abgelegt und wiederverwendet werden.
  • Aus meinem Media Center Zugriff auf alle Elemente des eigenen Media Centers. Auch können neue Elemente für das Media Center erstellt werden.
  • Textabschnitt: Ein Text, der mit einem HTML-Editor gestaltet werden kann. (Mit etwas mehr Optionen als im Inhaltselement Paragraph.)
  • Separator: Eine Linie, mit der zwei Layouts optisch getrennt werden.

Seite editieren (Bearbeitungsmodus)

Layout editieren

Zum Editieren eines Layouts selektieren Sie das Layout. Es wird ein zugehöriger Rahmen angezeigt. Rechts oben werden Ihnen Icons mit Bearbeitungsoptionen angezeigt.

Ist ein Layout selektiert, kann die Anordnung der Inhaltselemente auch nachträglich noch geändert werden, indem das Zahnrad-Icon geklickt und eine andere Layout-Anordnung gewählt wird.

Vorhandene Inhaltselemente bleiben erhalten und können in neue Layout-Felder verschoben werden.

course_element_page_layout_edit_v1_de.png

Inhaltselemente editieren

Ein Inhaltselement kann geändert werden, indem man es per Mausklick selektiert und die Buttons links oben verwendet.

course_element_page_contentelement_title_v1_de.png

  • Zahnrad-Icon: öffnet Popup mit Bearbeitungsoptionen
  • 3 Punkte: Löschen des aktuellen Elements, Einfügen weiterer Inhaltselemente
  • Pfeilkreuz: Verschieben innerhalb des Layouts (auch in andere Felder)

Ablage der Medien

Die Ablage der eingefügten Medien erfolgt nicht wie bei dem Kursbaustein "HTML-Seite" im Ablageordner des Kurses sondern im Media Center. Hier finden Sie alle eingebauten Medien wieder und können dort auch die weitere Verwaltung und Freigabe regeln.

Der Upload der Medien ins Media Center erfolgt im persönlichen Menü oder im Content Editor bei der Erstellung eines neuen Inhaltselements.

Unterschiede: Seite - HTML-Seite

KB Seite KB HTML-Seite
Erstellung des Inhalts im Content Editor im HTML-Editor
Gestaltung blockbasierter Ansatz HTML-Seite
Erstellungsaufwand geringer, da vorstrukturiert teilweise höher
Vorschau direkt im Editor separater Tab "Anzeige Inhalt"
Medien im Media Center im Ablageordner
Editieren kann Betreuenden erlaubt werden
erweiterte Berechtigungen
Integration pdf
Integration Office-Dokumente
Integration draw.io Diagramme

Tipp

Sollen ausschliesslich Office-Dokumente eingebunden werden, können alternativ z.B. auch die Kursbausteine "Dokument" oder "Ordner" verwendet werden.

Info

Die Seite kann von Kurs-Besitzer:innen oder optional auch von Betreuenden bearbeitet werden.