Anleitung zur Bearbeitung einer Seite eines Online-Kurses

Die Bear­bei­tung einer Sei­te in Wor­d­Press ist am Ein­fachs­ten in der Ansicht „Backend Edi­tor”. Bei ande­rer Ansicht kann über Klick auf „Backend Edi­tor” in die­se Ansicht gewech­selt werden.

Element_hinzufügen

Anhand von Ele­men­ten wer­den die ein­zel­nen Bestand­tei­le einer Sei­te ange­legt, damit die Sei­te gut gestal­tet wer­den kann. Eine Sei­te besteht aus einem (oder meh­re­ren) Überschriften-element(en), Text­ele­men­ten, lee­ren Berei­chen als Abstand­hal­tern, unfor­ma­tier­ten HTML-Ele­men­ten für gra­fi­sche Lern­land­kar­ten oder inter­ak­ti­ve H5P-Ele­men­te, Zei­len mit unter­schied­li­chen Spal­ten­lay­outs oder vie­lem mehr.

Län­ge­re Text­blö­cke bit­te eben­so in meh­re­ren Ele­men­ten anle­gen, damit Abstän­de oder ein ande­res Spal­ten­lay­out gewählt wer­den kann.

Ein neu­es Ele­ment ergänzt man über Klick auf das Plus-Icon.

Zei­len anle­gen und mit Spal­ten stukturieren:

Bei Aus­wahl des Ele­men­tes „Zei­le” kann man zwi­schen ver­schie­de­nen Spal­ten­de­signs wählen.

Bildschirmfoto 2021-12-06 um 08.44.54

Beschreibung der Elemente einer bestehenden Seite

Anhand einer bestehen­den Sei­te kön­nen in die­ser inter­ak­ti­ven Gra­fik zu den unter­schied­li­chen Ele­men­ten per Roll­Over Erklä­rungs­tex­te ange­zeigt wer­den. Die ver­öf­fent­lich­te Ver­si­on der Sei­te kann unter die­sem Link auf­ge­ru­fen werden:

Hin­weis: Per Mou­seO­ver erschei­nen Erläuterungstexte.

Strukturierung von langen Texten
Herstellen von Übersichtlichkeit

Um viel Text und Erläu­te­rung auf Sei­ten dar­zu­stel­len, eig­nen sich die Ele­men­te Akkor­di­on oder FAQ-Lis­te.

Akkordion

Hin­weis: Per Mou­seO­ver erschei­nen Erläuterungstexte.

FAQ-Liste

Eine alter­na­ti­ve, sehr ein­fach umzu­set­zen­de Alter­na­ti­ve zum Akkor­di­on bie­tet die FAQ-Lis­te. Es ist über das Plus-Icon als Ele­ment „Hil­fe­be­reich (FAQ-Lis­te)” auf­ruf­bar. Das Ele­ment kann direkt befüllt wer­den. Für wei­te­re Ein­trä­ge kann es über das „zwei Zet­tel” Icon kopiert wer­den. Das Icon lässt sich von Far­be, Icon und Grö­ße anpassen.

Ein Bei­spiel für ein umge­setz­tes FAQ-Ele­ment fin­det sich auf die­ser Sei­te.

interaktive Inhalte einbinden — H5P / ImageMaps

Inter­ak­ti­ve Ele­men­te oder gra­fi­schen Lern­land­kar­ten wie bei­spiels­wei­se die Lear­ner Your­ney auf der Start­sei­te der Online-Kur­se wer­den über das Ele­ment „Unge­fil­ter­tes Ele­ment” oder im Fal­le der inter­ak­ti­ven H5P-Ele­men­te über die ent­spre­chen­de Schalt­flä­che im Text­be­reich eingefügt.

Hin­weis: Per Mou­seO­ver erschei­nen Erläuterungstexte.

Wir hof­fen, dass wir euch mit die­ser Anlei­tung Hil­fe­stel­lung bei der Befül­lung und Bear­bei­tung von Sei­ten für Online-Kur­se geben konnten. 
Bei Schwie­rig­kei­ten schreibt uns ger­ne an: zfl-digitalelehre@uni-koeln.de