ILIAS 5.0 Anleitung - Erscheinungsbild von Kursen gestalten

!
Erscheinungsbild von Kursen gestalten
ILIAS-Kurse mit Text, Bildern und Tabellen layouten
Stand: 04. März 2016
!
Supportstelle für ICT-gestützte Lehre und Forschung
Hochschulstrasse 6
3012 Bern
http://www.ilub.unibe.ch
[email protected]
Diese Anleitung zur Lernplattform ILIAS ist folgender
Creative Commons-Lizenz (V. 2.5) unterstellt:
This work is licensed under a Creative Commons License:
http://creativecommons.org/licenses/by-nc-sa/2.5/
- by: Namensnennung
- nc: Nicht-Kommerziell
- sa: Weitergabe unter gleichen Bedingungen
Inhalt
Diese Anleitung informiert darüber, wie Sie die lineare Kursansicht in verschiedene Blöcke aufteilen und mit Text,
Überschrift und Bildern individuell layouten und gestalten können.
1.
2.
3.
4.
5.
6.
Seite gestalten
Text einfügen
Bilder einfügen
Tabelle einfügen / Tabelle bearbeiten
Objektblöcke erstellen / Objektblöcke platzieren
Beispiel einer Umsetzung (Kurseinstiegsseite)
Quelle Gletscher Modell: www.bildwoerterbuch.com
1. Seite gestalten
Sie können in Kursen, Gruppen und Ordnern nicht nur Objekte hinzufügen, sondern auch die Seite individuell gestalten und
mit Text, Bildern, Tabellen, etc. erweitern.
① Klicken Sie in Ihrem Kurs, Ihrer Gruppe oder Ihren Ordner auf «Seite gestalten».
1
② Klicken Sie auf den grau umrandeten Balken «+».
2
HINWEIS: Sie sehen keine grau umrandeten Balk en? Überprüfen Sie, dass unter «Bearbeitungsmodus» > «Javascript-Modus aktivieren» eingeschaltet ist.
Wenn dieser bereits aktiviert ist, sehen Sie grau schraffierte Balken und unter Bearbeitungsmodus steht«Formularmodus aktivieren».
③ Wählen Sie aus, was Sie hinzufügen möchten.
3
Auf den nachfolgenden Seiten werden einige Gestaltungsbeispiele aufgezeigt.
HINWEIS: Ihr ILIAS sieht anders aus? Für die nachfolgenden Screenshots wurde ein eigener Style erstellt. Es kann daher sein, dass in Ihrem ILIAS-Kurs andere
Formate zur Verfügung stehen. Sie möchten andere Farben, Blöcke, Rahmen, Überschriften, etc.? Über das Untermenü «Seite gestalten» befindet sich das
Register «Style». Hier können Sie selber entscheiden (wenn Sie etwas CSS-Kenntnisse haben, ist es einfacher), wie das Layout Ihrer Seite aussehen soll.
2. Text einfügen
① Wählen Sie «Text einfügen», um Informationen zu platzieren. Z.B. für Überschriften, ein Begrüssungswort, die
Lernziele, den Ablauf oder allgemeine Hinweise.
1
② Sie können nun in das weisse Feld Ihren Text
schreiben.
③ Ganz oben haben Sie einen grauen Kasten, der
verschiedene Zeichenformate (fett, kursiv,
unterstrichen, Farbe) anbietet.
④ Klicken Sie auf «Speichern» (Zwischenspeichern)
oder wenn Sie fertig sind auf «Speichern und
zurückkehren».
Mit «Speichern und neuer Absatz» kreieren Sie
gleichzeitig mit dem Speichern einen neuen
Textabsatz.
4
3
2
HINWEIS: Klicken Sie nicht auf andere Links auf der Seite, wenn Sie noch nicht
gespeichert haben, da sonst Ihre Änderungen verlorengehen!
⑤ Über «Absatzformat» können Sie festlegen, wie der gesamte Abschnitt (Textfeld, welches Sie hinzugefügt haben)
formatiert werden soll. Scrollen Sie im Dropdown-Menü nach unten, um weitere Absatzformate auszuwählen. Es kann
immer nur ein Absatzformat für einen Abschnitt gewählt werden.
5
⑥ Über «Zeichenformat» können Sie einzelne Buchstaben, Wörter oder Sätze eines Abschnitts formatieren. Es können
mehrere Zeichenformate innerhalb desselben Abschnitts definiert werden.
6
3. Bilder einfügen
① Wählen Sie «Bild/Audio/Video einfügen», um ein Bild hinzuzufügen.
1
② Klicken Sie auf «Durchsuchen» und wählen Sie Ihr Bild aus oder wählen Sie «URL» wenn Sie eine Link-Adresse zu
Ihrem Bild im Internet haben.
2
③ Sie können mit «Grösse anpassen» die Grösse vor
dem Speichern auf Ihr Wunschmass anpassen.
3
④ Unter «Vollbild» können Sie auswählen, ob eine
vergrösserte Ansicht zur Verfügung stehen soll.
Wenn ja, wählen Sie «Obige Datei benutzen».
4
⑤ Klicken Sie auf «Speichern».
5
⑥ Klicken Sie auf «Seite», um zurück zu gelangen und
sich die Bildvorschau anzusehen.
6
4. Tabelle einfügen
Tabellen eignen sich, um Texte, Objektblöcke und Bilder in einem Raster anordnen zu können. Normalerweise werden
Objekte untereinander angezeigt. Tabellen erlauben auch ein Nebeneinander.
① Wählen Sie «Erweiterte Tabelle einfügen», um Texte, Objektblöcke und Bilder in einem Raster anordnen zu können.
WICHTIG: Tabellen können nicht am Responsive Design
angepasst werden. D.h. Tabellen werden sich nicht an die
mobile Ansicht (z.B. auf Smartphones und Tablets) anpassen
und möglicherweis e zu breit erscheinen, wodurch ein linksrechts Scrollen notwendig sein wird, um die Tabelle lesen zu
können.
1
HINWEIS: Der Unterschied «Datentabelle einfügen» und
«Erweiterte Tabelle einfügen» ist einzig diese, dass in
Datentabellen nur Ziffern und Zeichen eingefügt werden können.
In einer erweiterten Tabelle können auch Bilder, Dateilisten,
Akkordeons, Materialienlisten, etc. eingefügt werden.
② Nehmen Sie die gewünschten Einstellungen vor. Klicken Sie dann auf «Speichern».
2
2
HINWEIS: Sie wissen nicht, was die Einstellungen bedeuten?
Wird die «Tabellenbreite» auf 100% gesetzt, passt sich die
gesamte Tabelle der Fenstergrösse am Bildschirm an.
Mit dem «Tabellenrand», stellen Sie die Dicke des Rahmens (in
Pixel) ein: 0px bedeutet, es hat keinen Rahmen.
③ Sie erhalten nun eine Tabelle mit Ihren Einstellungen. Klicken Sie auf einen «grau umrandeten Balken», um in eine
Zelle der Tabelle etwas hinzuzufügen.
3
4. Tabelle bearbeiten
① Um die Einstellungen Ihrer Tabelle nachträglich zu bearbeiten, klicken Sie am Rand der Tabelle mit der linken
Maustaste (im Bereich des roten Rechtecks hier auf dem Bild) und wählen Sie «Eigenschaften».
1
HINWEIS: Sie sehen das Menü «Eigenschaften» nicht?
Am Besten können Sie dieses Menü öffnen, indem Sie links oben in
der Ecke der Tabelle (Zeilen- und Spaltensymbol) mit der Maus
hingehen. Es erscheint ein dunkler Rahmen rund um die Tabelle und
links oben erscheint ein Hinweis feld «Erweiterte Tabelle». Wenn Sie
Rahmen und Hinweis feld sehen, können Sie mit der linken Maustaste
klicken und Sie erhalten das Dropdown-Menü mit den
«Eigenschaften».
② Im Register «Eigenschaften der Tabelle» können Sie z.B. Tabellenbreite und Tabellenrand (Rahmen der Tabelle)
nachträglich anpassen.
2
③ Im Register «Eigenschaften der Tabellenzellen» können Sie den Style (Zellenart), die Breite jeder Spalte, die
Ausrichtung des Inhaltes der Zelle (z.B. linksbündig) bestimmen und Zellen miteinander verbinden.
3
Menü STYLE
a) Markieren Sie die Zelle(n), die Sie verändern
möchten.
b) Wählen Sie dann unter «Style» die gewünschte
Art.
c) Klicken Sie auf «Styles bestimmen».
Menü BREITE
a) Geben Sie die gewünschte Breite jeder Spalte in
Pixel (px) oder Prozent (%) ins Feld ein (z.B.
50%, d.h. beide sind gleich breit).
b) Klicken Sie auf «Breite speichern».
b
b
c
a
a
a
Menü AUSRICHTUNG
a) Markieren Sie die Zelle(n), die Sie verändern
möchten.
b) Wählen Sie dann unter «Ausrichtung» die
gewünschte Art.
c) Klicken Sie auf «Ausrichtung setzen».
Menü ZELLEN VERBINDEN
a) Wählen Sie die Zelle aus, die Sie verbinden
möchten:
• Verbund Spalte: 2, d.h. die Zelle wird von
links nach rechts verbunden.
• Verbund Reihe: 2, d.h. die Zelle wird von
oben nach unten verbunden.
b) Klicken Sie auf «Zellenverbünde speichern».
b
b
c
a
a
5. Objektblöcke erstellen
Objekteblöcke erlauben es, dass verschiedene ILIAS-Objekte miteinander in einem Kasten angezeigt werden können.
Normalerweise werden Objekte untereinander in einem Kasten «Inhalt» oder nach Typen sortiert angezeigt. In
Objekteblöcken entscheiden Sie, welche Objekte miteinander eine Einheit bilden.
① Klicken Sie im Kurs oder in einem Ordner auf «Neues Objekt hinzufügen» und wählen Sie «Objekteblock».
1
② Geben Sie Ihrem Objekteblock einen «Titel». Dieser wird später angezeigt.
2
3
③ Klicken Sie auf «Objekteblock hinzufügen».
④ Sie können direkt hier neue Objekte
hinzufügen: «Neues Objekt hinzufügen»
⑤ Um bestehende Inhalte hinzuzufügen,
markieren Sie die gewünschten Objekte und
klicken Sie «Speichern».
4
6
5
⑥ Klicken Sie auf «Ordner» bzw. «Kurs» um
wieder auf die übergeordnete Ebene zu
gelangen.
5
⑦ Um nachträglich Inhalte in einen Objekteblock hinzuzufügen, klicken Sie im Objekteblock auf das Aktionen-Menü und
wählen Sie «Inhalt bearbeiten».
7
6. Objektblöcke platzieren
Sie können Objekteblöcke frei verschieben und anordnen. Sie haben hierzu zwei Möglichkeiten.
Variante 1: Nur die Reihenfolge ändern
① Sie haben in den «Einstellungen» des Kurses, der Gruppe
oder des Ordners die «manuelle Sortierung» aktiviert. Klicken
Sie auf den Link «Sortierung».
② Sortieren Sie die Objektblöcke mithilfe der Zahlen.
③ Klicken Sie «Sortierung speichern», um die Objekteblöcke neu
anzuordnen.
Variante 2: Reihenfolge ändern und weitere Elemente
dazwischen platzieren
④ Wechseln Sie auf «Seite gestalten» und klicken Sie auf den
grau umrandeten Balken «+».
⑤ Klicken Sie auf «Materialienliste einfügen».
⑥ Wechseln Sie auf «Objekteblock» und wählen Sie den von
Ihnen erstellten Objektblock aus. Klicken Sie «Speichern».
Nun lassen sich weitere Elemente über die grau umrandeten
Balken hinzufügen und oberhalb oder unterhalb von
Objekteblöcken anordnen.
2
1
4
3
5
6
⑦ Der Block wurde nun an der gewählten Stelle eingefügt werden und kann bei Bedarf manuell verschoben werden. Dazu
müssen Sie den Block mit der Maus packen und auf einen grau umrandeten Balken legen (sobald dieser rot leuchtet,
kann die Maus losgelassen werden).
7
⑧ Sie können einen Objekteblock aus der «Seite gestalten»-Ansicht löschen: Klicken Sie dazu auf den Block und wählen
Sie «Löschen». Die Inhalte selber werden nicht gelöscht. Der Objekteblock wird aber nicht mehr an diesem speziell
ausgewählten Ort angezeigt und normal bei den Inhalten aufgelistet.
8
6. Beispiel einer Umsetzung (Kurseinstiegsseite)
Nachfolgend wird beschrieben, wie Sie Schritt für Schritt zu dieser Kursübersicht hier kommen können. Sie verwenden
dabei Text (1), Akkordeons (2), Blöcke und Abschnittsformate (3), Objektblöcke (4) und den Modus Seite gestalten (5).
2
5
1
3
4
HINWEIS: Ihr ILIAS sieht anders aus? Für die nachfolgenden Screenshots
wurde ein eigener Style erstellt. Es kann daher sein, dass in Ihrem ILIAS-Kurs
andere Formate zur Verfügung stehen. Sie möchten andere Farben, Blöcke,
Rahmen, Überschriften, etc.? Über das Untermenü «Seite gestalten» befindet
sich das Register «Style». Hier können Sie selber entscheiden (wenn Sie
etwas CSS-Kenntnisse haben, ist es einfacher), wie das Layout Ihrer Seite
aussehen soll.
Für Personen anderer ILIAS-Installationen: Dieser Style links steht Ihnen hier
zum Download zur Verfügung:
http://www.ilias.de/docu/goto_docu_dcl_4874_728.html
Es wird davon ausgegangen, dass bereits Objekte (z.B. Ordner, Dateien, Übungen) im Kurs vorhanden sind.
Gestartet wird mit einem «Akkordeon»:
① Klicken Sie auf «Seite gestalten».
② Klicken Sie auf den grau umrandeten Balken «+». Wählen Sie «Akkordeon einfügen» aus.
1
2
2
③ Wählen Sie die gewünschten Einstellungen.
Für das Beispiel wählen Sie:
• Typ: Vertikales Akkordeon
• Anzahl der Fächer: 1
• Verhalten: Erstes Fach geöffnet
• Ausrichtung: Links
④ Klicken Sie «Speichern».
3
4
⑤ Geben Sie dem Fach einen passenden Namen. Im Beispiel «Info».
⑥ Klicken Sie «Speichern».
6
5
⑦ Es wurde nun ein Akkordeon mit einem Fach erstellt, in welches Sie über den grau umrandeten Balken «+» neue
Elemente hinzufügen können.
7
Fügen Sie nun einen Textabschnitt in das Akkordeon ein.
① Klicken Sie auf den grau umrandeten Balken «+» und wählen Sie «Text einfügen».
1
3
② Schreiben Sie in das Feld einen gewünschten Text.
③ Um Farbe und Erscheinungsbild zu verändern, können Sie über das «Absatzformat» ein
gewünschtes Format wählen (hier „Titel1“).
2
④ Klicken Sie auf «Speichern und neuer Absatz», um das Geschriebene zu speichern und gleichzeitig einen neuen
Textabschnitt anzulegen.
4
⑤ Fügen Sie einen Text hinzu und markieren Sie eine Textpassage.
⑥ Klicken Sie nun auf das «Zeichenformat» / für «kursiv».
⑦ Klicken Sie danach auf «Speichern und zurückkehren».
7
6
5
Nun fügen Sie ein Bild (rechtsbündig, textumfliessend) in das Akkordeon ein.
① Klicken Sie auf den grau umrandeten Balken «+» oberhalb des Textes und wählen Sie «Bild/Audio/Video einfügen».
1
1
② Wählen Sie unter «Ressource» die Option «Datei» und klicken Sie auf «Datei auswählen»
bzw. «Durchsuchen». Wählen Sie das gewünschte Bild auf Ihrem Computer aus.
③ Klicken Sie auf «Speichern».
3
2
HINWEIS:
Sie
können
unter
«Grösse» und «Grösse anpassen»
eine gewünschte Vorschaugrösse
wählen. Falls Sie zusätzlich ein
Vollbild-Modus
(Lupen-Symbol)
anbieten möchten, wählen Sie im
oberen Bereich «Medienobjekt»
eine eigene Grösse und im unteren
Bereich «Vollbild» als Ressource
«Obige Datei benutzen» und als
Grösse «Originalgrösse».
④ Klicken Sie nun auf das Bild und wählen Sie
«Rechts ausr., Text umfl.».
4
⑤ Das Bild wird nun rechts vom Text angezeigt.
Klicken Sie auf «Zurück», um die Seite
anzusehen.
6
Ein einleitender Text vor Materialien kann zum Strukturieren dienen. Verschiedene Textabschnitte können in Blöcken mit
einer Hintergrundfarbe zusammengefasst werden. Die Textabschnitte selber können zusätzlich mit Abschnittsformaten
gestaltet werden.
① Klicken Sie auf den grau umrandeten Balken «+» an der Stelle, wo Sie den Block einfügen
möchten. Wählen Sie «Block einfügen».
1
② Wählen Sie das gewünschte Absatzformat für Ihren Block aus.
③ Klicken Sie «Speichern».
3
2
④ Klicken Sie innerhalb des Blockes auf den eingerückten grau umrandeten Balken «+» und wählen Sie «Text einfügen».
4
4
⑤ Geben Sie einen gewünschten Text ein und wählen
Sie ein passendes «Absatzformat» aus.
⑥ Klicken Sie auf «Speichern und neuer Absatz» um
weitere Textabsätze hinzuzufügen.
⑦ Speichern Sie am Schluss mit «Speichern und
zurückkehren».
⑧ Kehren Sie über «Zurück» auf die Ansichtsseite
Ihres Kurses zurück.
8
7
6
5
5
6
Um verschiedene ILIAS-Objekte in eigenen Kasten darzustellen, wird der Objekteblock benötigt.
① Klicken Sie auf «Neues Objekt hinzufügen» und wählen Sie «Objekteblock».
1
② Geben Sie dem Objekteblock einen «Titel» (hier Phase 1). Dieser wird dargestellt.
③ Klicken Sie auf «Objekteblock hinzufügen».
2
2
3
④ Aktivieren Sie nun die gewünschten Objekte, die im Objekteblock dargestellt werden sollen.
⑤ Klicken Sie auf «Speichern».
⑥ Kehren Sie über «Kurs» zurück zum Kurs.
6
5
4
Im Kurs ist der Objekteblock nun sichtbar. Um diesen an einer beliebigen Stelle einzufügen, wird der Modus Seite
gestalten verwendet.
① Um den Objekteblock in den vorher erstellten
Block zu verschieben, klicken Sie auf «Seite
gestalten».
1
② Klicken Sie auf den grau umrandeten Balken «+», dort wo Sie den Objekteblock haben möchten und wählen Sie
«Materialienliste einfügen».
2
2
③ Wählen Sie als Ressourcen «Objekteblock» und legen Sie im Dropdown-Fenster fest, welchen Objekteblock Sie
hinzufügen möchten.
④ Klicken Sie auf «Speichern».
3
3
4
Wiederholen Sie wenn gewünscht die Schritte für weitere Blöcke, Textabschnitte und Inhalte.

Download Report