Skip to content

Kursbaustein "HTML-Seite"

Steckbrief

Name HTML-Seite
Icon
Verfügbar seit Neuauflage mit Release 18
Funktionsgruppe Andere
Verwendungszweck Darstellung verschiedener Inhalte (Texte, Bilder, Videos) innerhalb einer HTML-Seite
Bewertbar nein
Spezialität / Hinweis Für die Einbindung von Office-Dokumenten nutzen Sie bitte den Kursbaustein "Dokument". frentix empfiehlt den Einsatz nicht.

Mit dem Kursbaustein "HTML-Seite" zeigen Sie Texte, Bilder und Videos im Kurs so, wie man es von Websites kennt.

Der Kursbaustein zeigt eine HTML-Datei an. Sie gestalten sie im HTML-Editor, den Sie im Tab "Seiteninhalt" öffnen. Die HTML-Datei und die Dateien, die sie verwendet, liegen im Ablageordner des Kurses.

frentix empfiehlt, Domänen getrennt zu halten

Im Kursbaustein "HTML-Seite" hinterlegen Sie beliebigen HTML- und JavaScript-Code, auch Inhalte einer fremden Domäne. OpenOlat liefert diesen Code unter Ihrer eigenen Domäne aus, sofern keine separate Adresse für Inhalte (Inhaltsdomäne) eingerichtet ist. Diese separate Adresse richtet der Betrieb Ihrer OpenOlat-Installation ein. Aus modernen Sicherheitsüberlegungen empfiehlt frentix, verschiedene Domänen nicht zu vermischen, und rät deshalb vom Einsatz dieses Kursbausteins ab.

Beispiel

Eine HTML-Seite gestalten Sie vor allem mit Bildern, Texten, Tabellen und Videos. Mit HTML-Kenntnissen fügen Sie auch Elemente wie ein Accordion ein.

Das Beispiel zeigt drei Fotos, die mit der Klasse "Linksbündig" nebeneinander stehen. Wie Sie so eine Bildreihe anlegen, beschreibt der Abschnitt Mehrere Bilder nebeneinander.

Frage über drei Kaffeefotos, die nebeneinander in einer Reihe stehen

Sie stellen die Inhalte ähnlich wie in einem Textverarbeitungsprogramm zusammen. Dafür bearbeiten Sie die HTML-Datei direkt in OpenOlat im HTML-Editor TinyMCE.

Der Kursbaustein "Seite" verwendet dagegen den Content Editor, der die Inhalte als Blöcke zusammenstellt. Auf Mobilgeräten zeigt OpenOlat solche Blöcke besser an.

Frage und drei Fotos in einer Reihe im Bearbeitungsfeld, darüber Menüleiste und Werkzeugleiste

Mit HTML-Kenntnissen sehen und bearbeiten Sie auch direkt den erzeugten HTML-Quellcode.

Drei img-Elemente mit der Klasse b_float_left, je 250 Pixel breit

Tab Seiteninhalt

Im Tab "Seiteninhalt" legen Sie fest, welche HTML-Datei der Kursbaustein zeigt. Dafür gibt es vier Wege:

  • Mit "Erstellen" eine neue HTML-Seite online in OpenOlat anlegen
  • Mit "Auswählen" eine HTML-Datei aus dem Ablageordner wählen
  • Mit "Import" eine extern erstellte HTML-Datei oder eine ZIP-Datei von Ihrem Rechner hochladen
  • Eine extern erstellte HTML-Datei in den Ablageordner hochladen und dort mit "Auswählen" wählen

Buttons Vorschau und Auswählen mit dem Menü Erstellen und Import sowie Button Seite bearbeiten hervorgehoben, darunter die Sicherheitseinstellungen

Die verknüpfte HTML-Datei bearbeiten Sie im HTML-Editor von OpenOlat, der ähnlich wie ein Textverarbeitungsprogramm funktioniert. Mit "Seite bearbeiten" öffnen Sie die Datei im Editor. Mit "Vorschau" zeigt OpenOlat die verknüpfte Seite in einer Vorschau an. Eine Datei, die Sie mit "Erstellen" anlegen, trägt bereits den Namen des Kursbausteins.

Unter "Sicherheitseinstellungen" legen Sie mit "Link in gesamten Ablageordner erlauben" fest, ob Ihre HTML-Seite auf alle Dateien des Ablageordners verweisen darf. Ist die Option ausgeschaltet, verweist die Seite nur auf Dateien im eigenen Ordner und in dessen Unterordnern. Schalten Sie die Option ein, wenn Ihre HTML-Seite Grafiken, CSS-Dateien oder Skripte aus anderen Ordnern verwendet. Bei einem neu eingefügten Kursbaustein ist sie ausgeschaltet.

Mit "Betreuer:innen erlauben Seite zu editieren" legen Sie fest, ob Betreuer:innen die hinterlegte HTML-Datei bearbeiten dürfen. Betreuer:innen benötigen dafür keine Kursbesitzerrechte oder Zugang zum Kurseditor. Unabhängig von dieser Einstellung dürfen Kursbesitzer:innen, Administrator:innen und Lernressourcenverwalter:innen die Seite bearbeiten, ebenso Personen mit dem Kursrecht "Kurseditor". Wer die Seite bearbeiten darf, sieht in der Kursansicht rechts über der Seite den Button "Seite bearbeiten".

Inhalt auswechseln

Ist der Inhalt einer HTML-Seite überholt, tauschen Sie die verknüpfte Datei aus, statt einen neuen Kursbaustein anzulegen. Die Buttons im Tab "Seiteninhalt" wirken auch nachträglich. Mit "Auswählen" verknüpfen Sie eine andere Datei aus dem Ablageordner. Mit "Import" laden Sie eine HTML-, ZIP- oder PDF-Datei von Ihrem Rechner hoch. Mit "Erstellen" legen Sie eine neue HTML-Seite an, die an die Stelle der bisherigen tritt. Zeigt der Kursbaustein bereits eine Datei, finden Sie "Erstellen" und "Import" im Menü neben dem Button "Auswählen".

Laden Sie mit "Import" eine ZIP-Datei hoch, entpackt OpenOlat sie und zeigt Ihnen anschliessend die enthaltenen HTML-Dateien zur Auswahl an. So ersetzen Sie eine extern erstellte Seite samt Bildern, CSS-Dateien und Skripten in einem Schritt.

Wichtig

OpenOlat entpackt eine importierte ZIP-Datei in einen neuen Ordner, der den Namen der ZIP-Datei trägt und dort entsteht, wo die verknüpfte Datei liegt. Existiert dieser Ordner bereits, hängt OpenOlat eine Nummer an den Namen an. Der bestehende Inhalt bleibt erhalten und wird nicht überschrieben. Löschen Sie die alten Ordner bei Bedarf selbst im Ablageordner.

Tab Anzeige Inhalt

Im Tab "Anzeige Inhalt" legen Sie fest, wie OpenOlat die Seite im Kurs anzeigt: unverändert oder optimiert für OpenOlat. Mit dem Anzeigemodus "Optimiert für OpenOlat" wenden Sie zum Beispiel das Kurslayout auf den Seiteninhalt an oder aktivieren ein in den Kurs eingebundenes Glossar für die Seite.

Ist eine Inhaltsdomäne eingerichtet, liefert OpenOlat den Inhalt darüber aus. Skripte im Inhalt erhalten so keinen Zugriff auf die OpenOlat-Sitzung. Kursinterne Links auf andere Kursbausteine funktionieren weiterhin.

Einstellungen für Anzeigemodus, JavaScript mit Keine oder jQuery, Glossarbegriffe, Höhe, Layout und Zeichensatz

Im Tab stehen die folgenden Einstellungen zur Wahl.

Anzeigemodus

Wählen Sie den Modus "Standard", um die Seite unverändert anzuzeigen. Dieser Modus eignet sich für Seiten, die im Modus "Optimiert für OpenOlat" fehlerhaft erscheinen, vor allem für extern erstellte HTML-Seiten.

Wählen Sie den Modus "Optimiert für OpenOlat", wenn Sie das Kurslayout in der Seite einbinden, eine JavaScript-Bibliothek verwenden, das Glossar des Kurses auf dieser Seite anwenden oder die Höhe der Seite automatisch anpassen möchten.

Für SCORM-Module empfiehlt sich der Modus "Standard".

JavaScript hinzufügen

Die Funktionen des Anzeigemodus "Optimiert für OpenOlat" brauchen die JavaScript-Bibliothek "jQuery". Wählen Sie "Keine", wenn Ihre Inhalte mit "jQuery" fehlerhaft erscheinen.

Glossarbegriffe einbinden

Mit dieser Option hebt OpenOlat die Begriffe des Glossars auf Ihrer HTML-Seite hervor, sofern Sie ein Glossar in Ihren Kurs eingebunden haben. Die Option setzt die JavaScript-Bibliothek "jQuery" voraus.

Höhe Anzeigefläche

Hier legen Sie die Höhe der Inhaltsanzeige fest. Mit "Automatisch" passt OpenOlat die Höhe an den Inhalt der Seite an. Alternativ wählen Sie einen festen Wert.

Layout anpassen

Mit "OpenOlat Stylesheets" übernimmt Ihre Seite das Layout von OpenOlat und des Kurses, etwa Schriftart, Farben und Schriftgrösse. Mit "Keine" behält Ihre Seite ihr eigenes Layout.

Zeichensatz Inhalt

Mit "Automatisch" erkennt OpenOlat den Zeichensatz der Seite selbst. Zeigt die Seite Umlaute oder Sonderzeichen falsch an, wählen Sie einen bestimmten Zeichensatz. Enthält die Seite keine Angabe zum Zeichensatz, verwendet OpenOlat ISO-8859-1.

Zeichensatz Javascript

Hier wählen Sie den Zeichensatz für den JavaScript-Code der Seite. Mit "Gleich wie Inhalt" verwendet OpenOlat denselben Zeichensatz wie für den Inhalt.

Tipp

In der Regel sind im Tab "Anzeige Inhalt" keine Änderungen notwendig. Die Standardeinstellungen passen für die meisten Seiten.

Der HTML-Editor

An allen Stellen in OpenOlat, an denen HTML-Seiten erzeugt und bearbeitet werden, ist der HTML-Editor TinyMCE eingebunden.

Menüleiste von Datei bis Tabelle und zweizeilige Werkzeugleiste des HTML-Editors hervorgehoben

Dieser extern entwickelte Editor ist ebenfalls Open Source. Weitere Informationen finden Sie auf der Website: https://www.tiny.cloud

Wichtig

OpenOlat öffnet den HTML-Editor je nach Ort mit unterschiedlichen Voreinstellungen. Die Buttons im Editor passen so zur jeweiligen Situation.

Beispiel:
In einer HTML-Seite eines Kursbausteins bietet der Editor die Aufnahme eines Videos an. An anderen Stellen, an denen eine Videoaufnahme nicht passt, zeigt der Editor diese Option nicht.

Wichtig

Aus Sicherheitsgründen stellt der HTML-Editor nicht alle Möglichkeiten von HTML zur Verfügung. Das betrifft vor allem eingebettetes JavaScript.

Elemente und Gestaltung einer HTML-Seite

Der HTML-Editor bietet die folgenden Elemente, um Ihre Seite zu gestalten.

Formatierungen

Dazu gehören zum Beispiel:

  • Schriften: individuell eingestellt oder aus vordefinierten Formaten gewählt, etwa h2
  • Aufzählungen mit Punkten oder Zahlen, in HTML die Elemente ul und ol
  • Einrückungen

Video

Symbol zum Einfügen eines Videos am Anfang der zweiten Werkzeugzeile hervorgehoben

Für die Anzeige verwendet der Editor den Mediaplayer von OpenOlat. Das hat zwei Vorteile:

  1. Der Player erkennt das Format selbst, solange die Video- und Audiodaten richtig codiert sind.
  2. Der Player erkennt, ob Teilnehmende mit einem HTML-fähigen und Codec-kompatiblen Browser auf einem Mobilgerät auf das Video zugreifen. In diesem Fall bindet er das Video mit einem HTML5-Tag ein, so dass es auch auf einem iPad oder einem ähnlichen Gerät läuft.

Wichtig

Ein Video in einer HTML-Seite spielt OpenOlat einfach ab. Annotationen, Fragen und die weiteren Funktionen einer Video-Lernressource bietet der Kursbaustein "Video".

Sie laden Videodateien hoch, die OpenOlat speichert, oder verweisen auf externe Videos, zum Beispiel auf YouTube.

Eingefügte Videodateien tauschen Sie bei Bedarf später aus.

Wie Sie Videos einbinden, beschreibt die Seite Videos im Kursbaustein "HTML-Seite".

Tipp

Sie können Ihrer Mediendatei auch noch ein Startbild (Vorschau) hinzufügen.

Videorecording

Im HTML-Editor nehmen Sie ein Video direkt auf und fügen es in die Seite ein. Wie das geht, beschreibt die Seite "Video aufnehmen".

Musik (.MP3)

Für reine Audiodateien bietet der Player die Grundfunktionen: Starten, Stoppen und eine Fortschrittsanzeige.

Im Feld "Adresse" geben Sie einen Link auf eine MP3-Datei ein oder laden eine Datei in OpenOlat hoch.

Audiorecording

Im HTML-Editor nehmen Sie auch Audio direkt auf. Wie das geht, beschreibt die Seite "Audio aufnehmen".

Bilder

Mit Bildern zeigen Sie, was sich in Worten schwer beschreiben lässt, etwa ein Foto oder eine Grafik. Sie wählen Bilddateien im Format JPG, GIF oder PNG und legen im Dialog "Bild einfügen/bearbeiten" auch Grösse und Ausrichtung fest. Unter "Alternative Beschreibung" hinterlegen Sie einen Text für Personen, die das Bild nicht sehen. Der "Bildtitel" erscheint, wenn jemand mit der Maus auf das Bild zeigt. Mit "Beschriftung anzeigen" erhält das Bild eine Beschriftung, die Sie im Editor unter dem Bild eintragen. Im Tab "Erweitert" stellen Sie Abstände und Rahmen des Bildes ein.

Mehrere Bilder nebeneinander

Möchten Sie zwei oder drei Bilder in einer Reihe zeigen, etwa Fotos zum Vergleich, weisen Sie jedem Bild die Klasse "Linksbündig" zu. So stehen die Bilder nebeneinander, ohne dass Sie eine Tabelle brauchen. Dieser Weg funktioniert im Kursbaustein "HTML-Seite" ebenso wie in einem Blogeintrag. Wie das Ergebnis aussieht, zeigt das Beispiel oben: drei Fotos in der Kursansicht, im Editor und im HTML-Quellcode.

  1. Setzen Sie den Cursor an die Stelle, an der die Bildreihe beginnen soll.
  2. Klicken Sie in der Werkzeugleiste auf das Bildsymbol oder wählen Sie im Menü "Einfügen" den Eintrag "Bild...". Der Dialog "Bild einfügen/bearbeiten" öffnet sich im Tab "Allgemein".
  3. Klicken Sie rechts neben dem Feld "Quelle" auf das Symbol zum Durchsuchen. Der Dialog "Verlinkung auswählen" öffnet sich.
  4. Wählen Sie unter "Bestehende Datei auswählen" eine Bilddatei und klicken Sie auf "Auswählen". Ein neues Bild laden Sie mit "Datei hochladen" und "Hochladen" von Ihrem Rechner hoch.
  5. Prüfen Sie, dass unter "Klasse" der Eintrag "Linksbündig" gewählt ist. Bei einem neuen Bild ist er voreingestellt.
  6. Tragen Sie unter "Breite" einen Wert in Pixeln ein, der klein genug ist, damit alle Bilder zusammen in die Zeile passen, zum Beispiel 250 bei drei Bildern. Die Höhe passt sich automatisch an.
  7. Klicken Sie auf "Speichern".
  8. Setzen Sie den Cursor direkt hinter das eingefügte Bild und wiederholen Sie die Schritte 2 bis 7 für jedes weitere Bild.

Statt Pixeln können Sie unter "Breite" auch einen Prozentwert eingeben, etwa 30%. Leeren Sie in diesem Fall das Feld "Höhe", damit das Bild seine Proportionen behält.

Klassenliste mit acht Einträgen geöffnet, Linksbündig gewählt, Breite 30%

Reicht die Breite der Zeile nicht für alle Bilder, rückt das nächste Bild in die folgende Zeile. Verkleinern Sie dann die Breite der Bilder. Das Eingabefeld des Editors kann schmaler sein als die Seite in der Ansicht, etwa im Formular eines Blogeintrags. Ob die Bilder in einer Zeile stehen, prüfen Sie deshalb in der Kursansicht oder im veröffentlichten Blogeintrag.

Pro Bild wählen Sie genau eine Klasse. Die Klassen bewirken Folgendes:

  • Linksbündig: Das Bild steht links. Text und weitere Bilder mit derselben Klasse folgen rechts daneben.
  • Linksbündig mit Bildunterschrift: Das Bild steht links, ohne Abstand zum Inhalt daneben. Auch mit "Beschriftung anzeigen" stehen mehrere Bilder mit dieser Klasse in der Kursansicht nebeneinander, jedes mit seiner Beschriftung darunter.
  • Rechtsbündig: Das Bild steht rechts, der Text fliesst links daneben.
  • Zentriert: Das Bild steht allein und mittig in seiner Zeile.
  • Linksbündig und allein, Rechtsbündig und allein: Das Bild steht allein in seiner Zeile, links oder rechts. Hier endet das Umfliessen der vorangehenden Bilder.
  • Kreis, Rahmen: Diese Klassen geben dem Bild eine runde Form oder einen Rahmen, verändern aber seine Position nicht.

Die Klassen stammen aus den OpenOlat Stylesheets, die im Kursbaustein "HTML-Seite" standardmässig eingebunden sind. Wählen Sie im Tab "Anzeige Inhalt" den Anzeigemodus "Standard" oder unter "Layout anpassen" die Option "Keine", bindet OpenOlat diese Stylesheets in der Kursansicht nicht ein. Die Klassen wirken dann nur im HTML-Editor, nicht in der Kursansicht.

Im Kursbaustein "HTML-Seite" gibt es einen zweiten Weg über das Menü "Tabelle": Wählen Sie dort den Eintrag "Tabelle" und im Raster eine Zeile mit drei Spalten. Fügen Sie anschliessend in jede Zelle ein Bild ein. Der Editor im Blog bietet das Menü "Tabelle" nicht an, dort führt nur der Weg über die Klasse zum Ziel.

Mathematische Formeln

OpenOlat stellt mathematische Formeln mit MathJax dar.

Emoticons

Emoticons fügen Sie so ein, wie Sie es von sozialen Medien kennen.

Sie setzen Links ins Internet und Links innerhalb von OpenOlat, etwa auf bestimmte Kursbausteine, auch in anderen Kursen.
Die Links können auf Bilder, Videos oder die Werkzeuge in der Toolbar zeigen.
Wählen Sie, ob der Link im Kursinhalt oder in einem neuen Fenster erscheint.

Vier Linkarten als Tabs hervorgehoben: Dateiverlinkung, Kursknotenverlinkung, Kurswerkzeugverlinkung und Bibliothek

PDF-Dokumente

Empfehlung

Der Kursbaustein "HTML-Seite" zeigt neben HTML-Dateien auch eine PDF-Datei an. Für PDF- und Office-Dokumente empfehlen sich die Kursbausteine "Dokument" oder "Ordner". Wählen Sie im Tab "Seiteninhalt" eine PDF-Datei, weist OpenOlat dort ebenfalls auf den Kursbaustein "Dokument" hin.

Extern erstellte HTML-Seiten hochladen

Tipp

Sie können auch extern erstellte Dateien in den Ablageordner des Kurses hochladen oder einen Ressourcenordner mit dem Kurs und dem Ablageordner verbinden. Der Button "Auswählen" zeigt Ihnen alle HTML- und PDF-Dateien im Ablageordner. Diese Dateien verknüpfen Sie mit dem Kursbaustein "HTML-Seite" und binden sie so in Ihren Kurs ein. Dieser Weg empfiehlt sich, wenn Sie die Ordnerstruktur des Ablageordners selbst bestimmen möchten. Sind es viele Dateien, legt der Assistent "Mehrere HTML-Seiten" alle Kursbausteine in einem Schritt an.

Achtung

Bearbeiten Sie HTML-Seiten, die Sie mit einem externen Editor erstellt haben, weiterhin im externen Editor. Speichern Sie eine solche Seite im HTML-Editor von OpenOlat, können Teile der Formatierung verloren gehen. Der HTML-Editor von OpenOlat bearbeitet nur den Bereich <body> einer HTML-Seite. Einträge im Bereich <head> ändern Sie im externen Editor.

Mehrere HTML-Seiten auf einmal anlegen

Liegen bereits viele HTML-Dateien im Ablageordner, etwa ein extern erstelltes Skript mit mehreren Kapiteln, legt der Assistent "Mehrere HTML-Seiten" für jede Datei einen eigenen Kursbaustein "HTML-Seite" an. So fügen Sie nicht jede Seite einzeln ein und verknüpfen sie mit ihrer Datei. Auf Wunsch übernimmt der Assistent auch die Ordnerstruktur des Ablageordners als Kursbausteine "Struktur".

Den Assistenten nutzt, wer den Kurseditor öffnen darf: Kursbesitzer:innen, Administrator:innen, Lernressourcenverwalter:innen und Personen mit dem Kursrecht "Kurseditor". Er steht in herkömmlichen Kursen und in Lernpfadkursen zur Verfügung.

So legen Sie mehrere HTML-Seiten an:

  1. Laden Sie die Dateien in den Ablageordner des Kurses hoch. Der Assistent bietet auch die Dateien eines Ressourcenordners an, den Sie mit dem Kurs verknüpft haben.
  2. Wählen Sie im Kurseditor im Kursmenü den Kursbaustein, hinter oder unter dem die neuen Seiten stehen sollen.
  3. Klicken Sie in der Toolbar des Kurseditors auf "Kursbausteine einfügen" und in der Gruppe "Andere" auf "Mehrere HTML-Seiten". Der Eintrag steht direkt nach "HTML-Seite". Der Dialog "Wählen Sie die Dateien." öffnet sich.
    Kurs > Administration > Kurseditor > Kursbausteine einfügen > Andere > Mehrere HTML-Seiten
  4. Setzen Sie ein Häkchen bei jeder Datei, die eine eigene Seite werden soll. Der Dialog zeigt alle Dateien und Ordner des Ablageordners, auch Bilder, CSS-Dateien und Skripte. Wählen Sie gezielt die HTML-Dateien, die Teilnehmende als eigene Seite im Kursmenü sehen sollen. Ein Häkchen bei einem Ordner wählt alle Dateien und Unterordner darin mit aus. "Alle auswählen" und "Auswahl löschen" setzen oder entfernen alle Häkchen auf einmal.
  5. Klicken Sie auf "Nach dem aktuellen Kursbaustein einfügen". Die neuen Kursbausteine stehen dann direkt hinter dem gewählten Kursbaustein. Mit "Als Kind des aktuellen Kursbausteins einfügen" stehen sie am Ende unter dem gewählten Kursbaustein. Ist im Kursmenü der oberste Eintrag gewählt, bietet der Dialog nur "Als Kind des aktuellen Kursbausteins einfügen" an.

Ein Häkchen beim Ordner modul-1 wählt auch die drei HTML-Dateien darin aus; unten die beiden Buttons, die die neuen Seiten nach oder unter dem gewählten Kursbaustein einfügen

Der Dialog schliesst sich, und das Kursmenü des Kurseditors zeigt die neuen Kursbausteine. Teilnehmende sehen sie, sobald Sie den Kurs publizieren.

Den Assistenten öffnen Sie über "Kursbausteine einfügen". Quick-Add legt Kursbausteine einzeln an, also eine HTML-Seite pro Eingabe.

Was der Assistent anlegt

Jede ausgewählte Datei wird ein Kursbaustein "HTML-Seite", der genau diese Datei zeigt. Ist die Datei keine HTML-Datei, steht über dem Inhalt ein Link zum Herunterladen: Ein Bild zeigt die Seite direkt an, eine CSS-Datei als Text, ein Word-Dokument dagegen nur als Link. Jeder ausgewählte Ordner wird ein Kursbaustein "Struktur", unter dem die Kursbausteine aus diesem Ordner stehen. Ist ein Ordner nicht ausgewählt, stehen die ausgewählten Dateien daraus eine Ebene höher, direkt unter dem nächsten ausgewählten Ordner oder am gewählten Ort im Kursmenü. Der oberste Eintrag im Dialog steht für den Ablageordner selbst und trägt den Kurstitel. Wählen Sie ihn mit aus, etwa mit "Alle auswählen", entsteht auch für ihn ein Kursbaustein "Struktur" mit dem Kurstitel als "Titel", unter dem alle übrigen stehen.

Kursmenü nach dem Assistenten: der Kursbaustein Struktur modul-1 trägt den Ordnernamen, darunter drei HTML-Seiten mit den Dateinamen samt Endung

Als "Titel" übernimmt der Assistent den Datei- oder Ordnernamen, bei Dateien mit Endung, zum Beispiel "kapitel1.html". Geben Sie den neuen Kursbausteinen danach im Tab "Titel und Beschreibung" verständliche Titel, damit Teilnehmende im Kursmenü erkennen, was sie erwartet.

In den angelegten HTML-Seiten ist unter "Sicherheitseinstellungen" die Option "Link in gesamten Ablageordner erlauben" eingeschaltet. So funktionieren Verweise zwischen den Seiten und auf Bilder, CSS-Dateien oder Skripte in anderen Ordnern des Ablageordners. Fügen Sie eine HTML-Seite einzeln ein, schalten Sie die Option bei Bedarf im Tab "Seiteninhalt" selbst ein.

Unterschiede: Kursbaustein Seite - Kursbaustein 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 meistens höher
Vorschau direkt im Editor separater Tab "Anzeige Inhalt"
Medien im Media Center im Ablageordner
Editieren kann Betreuer:innen erlaubt werden
erweiterte Berechtigungen
Integration pdf
Integration Office-Dokumente
Integration draw.io Diagramme

Weiterführende Informationen

Auf dieser Seite erwähnt
Ablageordner >
Inhaltsdomäne >
Mitgliederverwaltung >
Glossar - Verwendung >
tiny.cloud
Kursbaustein "Video" >
Videos im Kursbaustein "HTML-Seite" >
Video aufnehmen >
Audio aufnehmen >
Toolbar >
Kursbaustein "Dokument" >
Kursbaustein "Ordner" >
Kurseditorwerkzeuge >

Weiterführend
Kursbaustein "Checkliste" >
Kursbaustein "Seite" >
Kursbaustein "SCORM 1.2" >

Zum Seitenanfang ^