Lerninhalte gestalten: Der Seiteneditor
Als Seiteneditor wird der Bearbeitungsmodus von ILIAS bezeichnet, in welchen man gelangt, nachdem in einem ILIAS-Objekt die Funktion Seite bearbeiten angewählt wurde. Seine Funktionen werden in dieser Anleitung erläutert.
ILIAS-Objekte und der Seiteneditor
Mit Seiteneditor ist die Funktion von ILIAS gemeint, welche jeweils nach dem Aufruf von Seite gestalten aktiviert wird. Der Seiteneditor erlaubt das Gestalten des Inhaltsbereiches eines ILIAS-Objektes Texten und anderen Inhalten.
Der Seiteneditor steht nur in ganz bestimmten ILIAS-Objekten zur Verfügung, daher hier ein eine Einteilung:
In ILIAS gibt es 3 Typen von Objekten:
Typ 1: ILIAS-Objekte, welche nicht über die Funktion ”Seite bearbeiten” verfügen: Diese verfügen über einen Objektebereich aber über keinen frei gestaltbaren Inhaltsbereich. Folgende Objekte zählen dort dazu:
Datei, Forum, Etherpad, Umfrage, Abstimmung, Datensammlung, Lernmodul HTML/ SCROM, Übung, Selbstevaluation, H5P, Fotogalerie, Mediacast, Medienpool, Fragenpool für Umfragen/ Test, Kurslink, Gruppenlink und Weblink(-Sammlungen) und Sitzung
Typ 2: ILIAS-Objekte, welche über keinen Objektebereich aber einen in ILIAS gestaltbaren Inhaltsbereich verfügen, der mit dem Seiteneditor erstellt und gestaltet werden kann. Folgende Objekte zählen dort dazu:
Inhaltsseite, Wiki, Glossar, Blog, Lernmodul ILIAS und Test
Typ 3: ILIAS-Objekte, welche als Container-Objekte dienen, nämlich Kurse, Gruppen und Ordner und Lernsequenzen. Diese enthalten sowohl einen mit dem Seiteneditor bearbeitbaren Inhaltsbereich als auch einen Objektebereich in dem ILIAS-Objekte gesammelt werden.
Empfehlung: Wenn diese Informationen neu sind, steht die Seite Struktur-Grundlagen von ILIAS als Grundbaustein zur Verfügung. Darin werden dies und die daraus resultierenden Probleme und Lösungen dazu im Detail erläutert.
Die folgenden Anleitungen beziehen sich auf die Gestaltung der Inhaltsbereiche in den Objekten vom Typ 2 und Typ 3, sprich alle Objekte, welche über einen oder mehrere Inhaltsbereiche verfügen. Hier noch einmal eine Auflistung:
Kurse, Gruppen und Ordner, um den oberen Seitenabschnitt zu gestalten
Inhaltsseiten, enthalten genau einen Inhaltsbereich
Lernmodule, Lernsequenzen und Tests, d.h. in den darin enthaltenen Inhaltsseiten
Wikis, Blogs und Glossare, deren Inhalte bestehen ebenfalls aus solchen Inhaltsbereichen
Wie im weiteren ausgeführt wird, stellt der Seiteneditor eine Auswahl direkt integrierbarer Inhaltstypen zur Verfügung. Andere ILIAS-Objekte lassen sich, mit Ausnahme von H5P, nicht direkt im Seiteneditor erstellen oder einfügen. Dank des Inhaltstyps Objekteblock ist es über einen “Umweg” aber trotzdem möglich ILIAS-Objekte in den Inhaltsbereich zu integrieren. Die Grundlage dazu wird auf der Seite Struktur-Grundlagen von ILIAS erläutert; im Abschnitt Integrieren von Inhalten mittels Objekteblock wird das konkrete Vorgehen beschrieben.
Funktionen des Seiteneditors
Befindet man sich innerhalb eines Objekts, welches einen Inhaltsbereich zur Verfügung stellt, findet sich dort die Schaltfläche Seite bearbeiten.
In den Objekten Glossar, Lernmodul, Lernsequenz und Blog gelangt man jeweils auf unterschiedlichen Wegen zum Seiteneditor. Diese sind in den jeweiligen Anleitungen gesondert beschrieben.
Befindet man sich nun im Seiteneditor , erscheinen zuerst die drei Haupt-Schaltflächen in der Seitenleiste, zusammen mit einigen Bedienungshinweisen und einem Button für ein Drop-down-Menü mit zusätzlichen Funktionen.
Der Bearbeitungsmodus
Standardmässig ist jeweils der Bearbeitungsmodus aktiviert, oder kann über die Schaltfläche Bearbeiten aktiviert werden, wenn man sich im Auswahlmodus befindet.
In diesem Modus können im Inhaltsbereich Inhalte erstellt und bereits vorhandene Elemente bearbeitet werden. Dies wird für die verschiedenen Inhaltstypen weiter unten ausführlich beschrieben: Inhalte erstellen und bearbeiten
Editieren mit “Drag-And-Drop”
Seit ILIAS 7 ist es möglich Inhaltselemente per “drag-and-drop” zu verschieben. Dies erleichtert eine ansprechende Gestaltung um einiges.
D.h. im Bearbeitungsmodus, können bereits vorhandene Elemente auf der Seite mit der Maus aufgegriffen und verschoben werden. Dabei werden alle möglichen Ablageorte farblich hervorgehoben.
Der Auswahlmodus
Mit der Schaltfläche Auswählen gelangt man in den (Mehrfach-)Auswahlmodus. In diesem können Inhaltselemente ausgewählt werden, um sie anschliessen zu löschen, kopieren etc.
Die Auswahl von Elementen geschieht per Mausklick, angewählte Elemente werden dann mit einem grünen Rahmen markiert. Dabei ist auch eine Mehrfachauswahl möglich, indem nacheinander die gewünschten Elemente angeklickt, oder bereits angewählte Elemente durch erneutes Anklicken wieder abgewählt werden können. Zudem stehen die Schaltflächen Alle auswählen und Auswahl aufheben zur Verfügung.
Alternative Vorgehensweise: Der Auswählen-Modus kann auch erreicht werden, indem auf ein auszuwählendes Element klickt und gleichzeitig die Shift-Taste (Hochstelltaste) gedrückt wird.
Anschliessend wird über die eingeblendeten Schaltflächen bestimmt, was mit den ausgewählten Elementen geschehen soll:
Ausschneiden - Element(e) entfernen und in die Zwischenablage von ILIAS kopieren
Kopieren - Element(e) in die ILIAS-Zwischenablage kopieren
Löschen - Element(e) definitiv entfernen
De-/Aktivieren - deaktivierte Elemente erhalten einen rot-gestrichelten Rahmen und werden im Kurs nicht angezeigt.
Formatieren - nur für Textelemente möglich.
Für das Zuweisen von Textformaten mit Icons und farblicher Hinterlegung, wie im “Block”-Element siehe weiter unten.
Seite gestalten beenden
Mit dieser Schaltfläche wird der Seiteneditor verlassen. Die gemachten Änderungen werden gespeichert, und man wird zurück in den “Zeigen”-Modus des ILIAS-Objektes geführt.
Der Seitenverlauf
Es besteht die Möglichkeit, frühere Versionen der bearbeiteten Seiten wiederherzustellen. Dies ist hilfreich, wenn versehentlich etwas gelöscht oder geändert wurde.
Über das Drop-down-Menü kann die Funktion Verlauf ausgewählt werden.
Nun wird ein Überblick über sämtliche zurückliegenden Bearbeitungsvorgänge angezeigt. Hier können Einträge verglichen werden. Mit Wiederherstellen kann eine beliebige frühere Version wiederhergestellt werden.
Inhalte erstellen und bearbeiten im Bearbeitungsmodus
Um Inhalte zu erstellen, klickt man im Bearbeitungsmodus auf eines der +-Symbole, an der Stelle, an welcher eine neuen Inhalt einfügt werden soll. Damit wird eine Auswahlliste der verfügbaren Inhaltstypen angezeigt, welche im Folgenden erläutert werden.
Nicht alle Inhaltstypen stehen in allen ILIAS-Objekten zur Verfügung, wie im folgenden ersichtlich ist.
Der Eintrag Einfügen ist kein Inhaltstyp. Er erscheint nur, wenn vorher mit Ausschneiden oder Kopieren etwas in ILIAS' Zwischenablage kopiert wurde, um diese Inhalte an dieser Stelle einzufügen.
Im Folgenden die jeweiligen Erläuterungen zu den verschiedenen Inhaltstypen. Klicke auf die Akkordeon-Einträge, um sie anzuzeigen.
Inhaltstyp: Text
Wird in der Auswahl Text einfügen angewählt, wird ein Textfeld erzeugt und damit weitere Funktionen in der Seitenleiste eingeblendet. Die meisten davon sind mit Funktionen in anderen Textverarbeitungsprogrammen vergleichbar und daher weitgehend selbsterklärend.
Wenn in einem Textfeld gearbeitet wird, entsteht durch das Drücken der Enter-Taste ein neuer Absatz, sprich, es wird ein neues Textfeld erzeugt, welches in der Anzeige in einem Abstand resultiert.
Hingegen wird ein Zeilenumbruch im gleichen Textblock mit Shift+Enter erzeugt.
Entsprechend kann ein Absatz auch entfernt werden, indem sämtlicher Inhalt mit der Backspace-Taste gelöscht wird.
Links einfügen
Am Einfachsten ist es, im Textfeld zuerst den zu verlinkenden Text einzugeben (hier: “Link”). Dann den zu verlinken gewünschten Text markieren und über das Drop-Down-Menü die Option Link anwählen. Dort gibt es verschiedenen Arten von Links. Folgend eine kurze Auflistung:
Interner Link: damit kann zu anderen ILIAS-Ressourcen hin verlinkt werden. Die gewünschten Ziele können über den Verzeichnisbaum des Magazins auswählt werden. Für die Auswahl stehen verschiedene Möglichkeiten zur Verfügung; z.B. kann auch zu Unterseiten oder Kapiteln in ILIAS-Lernmodulen verlinken werden (vgl. FAQ dazu):
Externer Link: Ermöglicht das Verlinken zu beliebigen Seiten im Internet. Dafür kann der Link, welcher z.B. von einer Website kopiert wurde, im Textfeld an der Stelle url=” ” zwischen die Anführungs- und Schlusszeichen kopiert werden (als Ganzes - inklusive “https://”).
Mein Profil: damit wird das eigene Benutzerprofil in ILIAS verlinkt
Blöcke
Das Drop-Down-Menu unter Umgebender Block ermöglicht, das jeweilige Textfeld in eine hervorgehobene Box zu setzen (z. B. für Hinweise, Warnungen etc.) wobei pro Absatz immer nur ein einziges Absatzformat verwendet werden kann.
Das Resultat ist dasselbe, wie wenn den Inhaltstyp Block verwendet wird (s. Abschnitt weiter unten).
HTML-Code im Textfeld / Einbetten von Videos und anderen externen Inhalten
Ab ILIAS 10 ist die direkte Einbettung externer Medien über HTML-Code aus Sicherheitsgründen nicht länger möglich. Dafür steht nun eine neue Lösung zur Verfügung.
Diese ersetzt alle vorhergegangenen persönlichen Lösungen.
Die genaue Anleitung findet sich hier: Einsatz 'Externer Inhalte' in der Seitengestaltung
Um externe Inhalte einzubetten, muss nun im entsprechenden Dienst (SWITCHtube, Padlet, YouTube etc.) den sogenannten embed code erzeugt werden. Dieser kann anschliessend in die Zwischenablage kopiert werden und dann in den neuen Inhaltsbaustein ‘externe Inhalte’ eingefügt werden. (Vgl. Anleitung).
Alternativ lassen sich Videos auch mit dem nachfolgend beschriebenen Inhaltstyp “Bild/Audio/Video” einbinden.
Inhaltstyp: Bild/Audio/Video
Nach dem Anklicken dieser Auswahl erscheinen die Einstellungen in der Seitenleiste (im Bild unten expandierte Ansicht, alle Bereiche ausgeklappt).
Entsprechend kann
eine Bild-, Audio-, oder Videodatei vom Computer hochladen geladen werden(Formate .mp4, .web, .mp3, .png, .jpg, .gif, .webp, .svg, .pdf). Diese darf maximal 500 MB gross sein.
Videos im Apple-eigenen Format .mov sollten nicht verwendet werden, da sie beim Abspielen im Edge-Browser zu Problemen führen können.
die URL zu einer Datei im Netz angegeben werden. Dies funktioniert allerdings nur mit wenigen, zugelassenen Providern. Für uns an der PHBern empfiehlt es sich, mit SWITCHdrive zu arbeiten. Allerdings muss der/die Benutzer/in beim Abrufen die SWITCH edu-ID angeben, falls er/sie nicht bereits eingeloggt ist.
Was ILIAS auch unterstützt, ist das direkte Einbinden von YouTube-Videos. Dazu im Feld URL die Web-Adresse des gewünschten YouTube-Videos eingeben, die über die Share-Funktion von YouTube angezeigt wird).
Hinweis: Das Einbinden von SWITCHtube-Videos ist mit dieser Funktion nicht möglich! Diese müssten über ein Textfeld eingebettet werden (s. vorheriger Abschnitt).
Auch können Dateien aus einem Medienpool eingefügt werden. Eine Medienpool ist ein ILIAS-Objekt, in welchem mehrere Medienobjekte gesammelt und bereitgestellt werden können. Siehe Lerninhalte gestalten: ILIAS-Objekte - Medienobjekte.
Oder das Medienobjekt kann aus dem Medien-Clipboard stammen. Diese ist eine Art persönlicher Zwischenablage, die bereits verwendete Ressourcen enthält.
Nach der Auswahl des Bildes / Videos kann der Eintrag erneut angeklickt werden und gelangt so zu den Einstellungen:
Titel. Dieser wird auf der Seite nicht angezeigt, er dient nur zum Referenzieren im Medien-Clipboard.
Absatzformat. Dieses bestimmt die dargestellte Grösse mit.
Die Ausrichtung des Bildes
Wenn Vollbild angewählt wird, erscheint in der Anzeige ein Lupen-Symbol, womit die BenutzerInnen das Bild in voller Grösse anzeigen können.
Bildunterschrift: Ein kurzer Text, der unter dem Bild angezeigt wird.
Alternativtext: für Screen-Reader-Programme / accessability
Über den Link Erweiterte Einstellungen können weitere Einstellmöglichkeiten abgerufen werden. Z.B.:
Bildgrösse festlegen: Dafür hier Feste Grösse aktivieren, und dann die Breite eingeben (empfohlen zwischen 800 und 1200 Pixel). Die Höhe wird automatisch berechnet, wenn Proportionen erhalten aktiviert ist.
Verlinkte Bilder / Bildbereiche, “imagemap”
Oft ist erwünscht, das Bild oder Bereiche davon als Link zu verwenden. Dafür den Reiter Verlinkte Bereiche anwählen.
Bitte die Warnung von ILIAS beachten, welche eingeblendet wird, falls die Bildgrösse nicht fix definiert wurde. Dies ist unabdingbar! (ausser mit “Ganzes Bild” als Form)
Andernfalls werden die verlinkten Bereiche nicht stimmen, wenn die Seite auf einem kleinen Bildschirm angezeigt wird.
Ganzes Bild als Link: Die Form auf “Ganzes Bild” belassen und Bereich hinzufügen anklicken. Anschliessend die Angaben zum Link in die Eingabefelder eingeben.
“hot spots” / Bildbereiche verlinken: Die gewünschte Form des Bereiches anwählen und anschliessend Bereich hinzufügenanklicken. Den Anweisungen von ILIAS (blauer Kasten) folgen und so den Bereich im Bild definieren. Beispiel im Bild ist für “Rechteck”:
Nun wird der Link-Bereich im Bild angezeigt. Dann die Angaben zum Link vervollständigen:
Den Link selbst. Die Möglichkeiten entsprechen denjenigen, die im Abschnitt Links einfügen beschrieben werden.
Ev. einen Namen für den Link. Dieser hilft, den Bereich anschliessend in der Linkliste wiederzufinden, und wird als Tooltip beim “mouseover” angezeigt.
Der definierte Bereich erscheint nun in der Liste der verlinkten Bereich. Dort können einzelne Links auch bearbeitet werden, allenfalls eine Hervorhebung definiert werden, oder gelöscht werden.
Inhaltstyp: Dateiliste
Dieser Inhaltstyp steht nur in Inhaltsseiten und in Lernmodulen ILIAS zur Verfügung. Er dient dazu, innerhalb eines Lernmoduls Dateien zum Herunterladen zu integrieren. Dies sieht dann z.B. so aus:
Siehe Benutzerhandbuch ILIAS 8: Online-Hilfepaket 8 - Dateiliste.
Inhaltstyp: Datentabelle
Damit kann auf einfache Weise eine Tabelle erzeugt werden, um z.B. erhobene Daten aus einer Untersuchung darzustellen. Die Tabellenzellen können ausschliesslich alphanumerische Inhalte enthalten, also Text und Zahlen.
Tabelle kreieren
Das Eingabeformular wird nach Auswahl von Datentabelle einfügen geöffnet.
So erzeugt ILIAS eine leere Tabelle, die anschliessend mit den Daten gefüllt werden muss. Siehe den folgenden Abschnitt Tabelle und Daten bearbeiten.
Falls bereits Daten in einer Excel-Tabelle vorhanden sind, ist es möglich, diese direkt zu übernehmen. Die Daten können einfach aus der betreffenden Tabelle (windows: Ctrl+c/ mac: Command+C) kopiert werden.
Im Tabellenformular dann nicht HTML-Tabelle wählen, sondern Kalkulationstabelle. In das leere Eingabefeld nun mit ctrl-v die eben kopierten Daten einfügen.
Anschliessend Speichern, und die Tabelle erscheint im Seiteneditor. Dort kann sie weiter bearbeitet werden, oder mit Seite gestalten beenden den Seiteneditor verlassen.
Tabelle und Daten bearbeiten
Im Seiteneditor auf die Tabelle klicken.
Nun können über den schon aktivierten Reiter Daten bearbeiten in beliebige Zellen geklickt und die Daten eingeben oder abgeändert werden.
Über den Reiter Eigenschaften der Tabelle können verschiedene Einstellungen wie die gesamte Tabellenbreite, Rahmen, Abstände, Kopfzeilen etc. angepasst werden.
Mit Eigenschaften der Tabellenzellen ist ebenfalls es möglich, jeder Zelle einen Style zuzuweisen, d.h. sie mit anderen Farben, Rahmen, Schriften etc. auszustatten.
Dazu zuerst einen der vorgegebenen Styles aus dem Drop-down-Menü auswählen, dann das Kästchen Style in jeder Zelle anklicken, der man diesen Style zuweisen möchte, und abschliessend Styles bestimmen.
Mit dem Reiter Seite gelangt man wieder zurück in den Seiteneditor.
Inhaltstyp: Block
Dieser Typ erlaubt, farblich und/oder mit vordefinierten Symbolen ausgezeichnete Textblöcke einzufügen.
Der Textinhalt wird wie jeder andere Text eingefügt, und kann auch Links, Bilder etc. enthalten.
Zudem erlaubt ein Block weitere Einstellungen. Z.B. kann der ganze Block als Link ausgezeichnet, oder nur über eine bestimmte Zeitspanne oder nur für spezifisch berechtigte Teilnehmende anzeigt werden.
Inhaltstyp: Akkordeon
Dies ist ein oft verwendetes Gestaltungselement, das erlaubt, Informationen platzsparend anzubieten.
Wie in der Abbildung zu sehen ist, gibt es eine Anzahl von Einstellungen, die mehr oder weniger selbsterklärend sind.
Inhaltstyp: Spaltenlayout
Damit lässt sich mehrspaltiger Text realisieren.
Bisher haben viele KursautorInnen Kursübersichten und andere Inhalte mit Tabellen umgesetzt. Tabellen haben den Nachteil, dass sie auf kleinen Bildschirmen (Smartphones) nicht gut dargestellt werden können. Das Spaltenlayout ist für viele Anwendungen das zu bevorzugende Gestaltungselement, da es voll “responsive” ist, d.h. auf verschiedenen Bildschirmen optimal dargestellt wird als auch der Barrierefreiheit dient.
Die wählbaren Varianten sind:
Zwei-Spalten-Layout / Drei-Spalten-Layout: Legt zwei bzw. drei gleich breite Spalten nebeneinander an. Wechselt in Mobilansicht (small) zu einem Ein-Spalten-Layout.
Haupt- und Seitenblock: Legt einen breite Spalte links und eine schmalere Spalte rechts daneben an. Wechselt in Mobilansicht (small) zu einem Ein-Spalten-Layout.
Zwei-mal-zwei-Box: Legt zwei Zeilen mit zwei gleich breiten Spalten an. Wechselt in Mobilansicht (small) zu einem Ein-Spalten-Layout und auf extrabreiten Bildschirmen (extra large) in ein Vier-Spalten-Layout.
Manuell erstelltes Seitenlayout: Ermöglicht die freie Gestaltung von Spaltenanzahl und -breiten.
Siehe auch: Anleitung der Unibe zum Seiteneditor / Spaltenlayout, sowie der lesenswerte Beitrag im iLUB-Blog Responsive Spalten – Schlaue Darstellung mit dem Spaltenlayout.
Inhaltstyp: Interaktives Bild
Mit diesem Inhaltstyp kann auf einer Seite ein Bild hinzugefügt werden, auf welchem bestimmte Stellen oder Bereiche mit weiteren, teils erst unsichtbaren Inhalten (Overlay-Bilder oder Content-Popups) hinterlegt sind, die sichtbar werden, wenn mit dem Mauszeiger auf die definierte Stelle oder den Bereich des Bildes gezeigt (Overlay-Bilder) bzw. geklickt (Content-Popups, die wiederum aus einem Textbereich bestehen) wird.
Damit können z.B. digitale Lernlandkarten erstellt werden: Digitale Lernlandkarten in ILIAS umsetzen
Siehe auch: Anleitung der Unibe zum Seiteneditor / Interaktives Bild
Erlaubt die übersichtliche Darstellung von Computer-Programmcode. Wird diese Möglichkeit genutzt, um die verwendete Programmiersprache anzugeben, werden die Codeelemente übersichtlich strukturiert und farbig dargestellt. Beispiel:
Inhaltstyp: Erweiterte Tabelle
Nicht länger empfohlen- Die Erweiterte Tabelle ist ein bisher gern genutztes Element, um einen Überblick über die Inhalte einer ganzen Veranstaltung kompakt darzubieten. Beispiel:
Die Tabelle lässt sich mit mehreren Parametern gestalten, die weitgehend selbsterklärend sind, wenn man z.B. in Word schon mit Tabellen gearbeitet hat.
Bisher haben viele KursautorInnen Kursübersichten und andere Inhalte mit Tabellen umgesetzt. Tabellen haben den Nachteil, dass sie auf kleinen Bildschirmen (Smartphones) nicht gut dargestellt werden können. Daher empfehlen wir, grosse Tabellen eher zurückhaltend einzusetzen, und stattdessen andere Gestaltungsmöglichkeiten (z.B. Akkordons oder das Spaltenlayout) zu nutzen, soweit dies von den Inhalten her möglich ist.
Tabelle kreieren
Das Eingabeformular wird nach Auswahl von Erweiterte Tabelle einfügen geöffnet.
So erzeugt ILIAS eine leere Tabelle, die anschliessend mit den Daten gefüllt werden muss. Siehe den folgenden Abschnitt Tabelle und Daten bearbeiten.
Falls man bereits Daten in einer Excel-Tabelle hat, ist es möglich, diese direkt zu übernehmen. Die Daten kopierst du einfach aus der betreffenden Tabelle (ctrl-c).
Im Tabellenformular wählst du nicht HTML-Tabelle, sondern Kalkulationstabelle. In das leere Eingabefeld fügst du nun mit ctrl-v die eben kopierten Daten ein.
Anschliessend Speichern, und die Tabelle erscheint im Seiteneditor. Dort kann sie weiter bearbeitet werden, oder den Seiteneditor verlassen mit Seite gestalten beenden.
Tabelle und Daten bearbeiten
Im Seiteneditor wird nun eine leere (oder die schon befüllte) Tabelle dargestellt. Jede Zelle kann wiederum mit beliebigen Elementen befüllt werden, indem man auf das +-Symbol klickt.
Klickt man auf den Bereich ausserhalb der Tabelle, gelangt man in den Modus “Zellen editieren”, in dem man Zeilen und Spalten löschen, verschieben oder hinzufügen kann.
Über den Reiter Eigenschaften der Tabelle können verschiedene Einstellungen wie die gesamte Tabellenbreite, Rahmen, Abstände, Kopfzeilen etc. angepasst werden.
Über Eigenschaften der Tabellenzellen ist es möglich, jeder Zelle einen Style zuzuweisen, d.h. sie mit anderen Farben, Rahmen, Schriften etc. auszustatten.
Dazu wählt man zuerst einen der vorgegebenen Styles aus dem Drop-down-Menü aus, klickt dann das Kästchen Style in jeder Zelle an, der man diesen Style zuweisen möchte, und abschliessend Styles bestimmen.
Mit dem Reiter Seite kommt man wieder zurück in den Seiteneditor.
Inhaltstyp Karte
Damit kann auf der Seite eine Karte integriert werden. In ILIAS sind Karten von Open Street Maps integriert.
Um den Ort zu markieren, können direkt die Koordinaten eingeben, die z.B. auf Google Maps ermittelt werden können. Oder nach einer Adresse suchen, was aber nicht immer einwandfrei funktioniert, z.B. wenn es mehrere “Fabrikstrasse 8” gibt… dann ist es am besten einfach “Bern” einzugeben, und in der Karte selbst an die gewünsche Adresse zu navigieren und anklicken.
Zudem ist es notwendig, die Grösse der Kartenanzeige in Pixels zu definieren, sowie die Anzeigeposition links/mittig/rechts, bzw. links oder rechts mit Textumfluss.