Designvorlagen

Designvorlagen helfen bei der schnellen und einheitlichen Gestaltung von Lerninhalten. Durch die vorgegebenen Strukturen entfallen zeitaufwendige Formatierungen, da einzelne Elemente hinsichtlich Textgröße, Farbe und Abstand festgelegt sind. Mit Hilfe von Variablen können z.B. Stammdaten integriert werden, die dann automatisch mit Inhalt befüllt werden.

Innerhalb der Massenbearbeitungsfunktionen stehen Ihnen die Funktionen Kopieren,Verschieben, Löschen, Besitzer wechseln und Exportieren zur Verfügung. Mehr Informationen zu den Massenbearbeitungsfunktionen in den Designvorlagen finden Sie unter Designvorlagen: Massenbearbeitungsfunktionen.

Über das Kontextmenü des jeweiligen Titels der Designvorlage stehen Ihnen folgende Funktionen zur Verfügung.

Um eine neue Designvorlagen zu erstellen, klicken Sie bitte auf Ressourcen → Designvorlagen → Neue Designvorlage.

Der Designvorlagen-Assistent öffnet sich.

Stammdaten

Titel

Geben Sie einen Titel für die neue Designvorlage an. Dieser Titel dient der Verwaltung der Designvorlage und ist nur für den Autor ersichtlich.

Teaser

Der Teaser ist ein Kurztext, der zur Verwaltung der Designvorlagen dient. Dieser Text ist ebenfalls nur für den Autor sichtbar.

Sprachauswahl

Gibt die Originalsprache für die Designvorlage an.

Designvorlagentyp

Legen Sie fest, für welchen Objekttyp die Designvorlage genutzt werden darf. Es ist möglich, dass Sie Kein Objekt auswählen.

Wenn Sie den Objekttyp Lehrmittel auswählen, können Sie die Bearbeitungsart auswählen.

Wenn Sie den Objekttyp Kurse auswählen, können Sie den Designvorlagensubtyp und die Bearbeitungsart auswählen.

Wenn Sie den Objekttyp Wissenstests auswählen, können Sie den Designvorlagensubtyp und die Bearbeitungsart auswählen.

Designvorlagensubtyp

Legen Sie fest, für welchen Subtyp die Designvorlage verwendet werden soll.

Sie können Designvorlagen, die bisher keinen Designvorlagensubtyp hatten, nachträglich Designvorlagensubtypen zuweisen.

Folgende Designvorlagensubtypen sind über den Objekttyp Kurse auswählbar:

Kein Objekt
Infoseite
Startseite
Hauptseite
Auf der Kurshauptseite werden die Kursinhalte als Lernpfad, Tabelle, als Lernpfad mit Statustext, als vertikaler Lernpfad oder als Umbruchs-Lernpfad dargestellt. Autoren können die Hauptseite frei gestalten oder eine Designvorlage mittels Editor anpassen oder Move verwenden.
Abschlussseite
Die Abschlussseite wird dem Lernenden am Ende eines Kurses angezeigt, wobei ein Kurs dann als abgeschlossen gilt, wenn alle darin enthaltenen Lernobjekte, die bearbeitet oder bestanden werden müssen (Pflichtelemente), absolviert sind. Die Abschlussseite ist wie die Startseite optional. Für die Gestaltung können Autoren Designvorlagen verwenden oder mit Hilfe des Editors frei gestalten sowie Move verwenden.
Ablaufseite
Mit Hilfe der Ablaufseite können Autoren den Status des abgelaufenen Kurses visualisieren. Autoren verwenden entweder eine Leere Seite zum Selbstgestalten oder eine der vorhandenen Designvorlagen oder Move.
Layouterweiterung
Stellt einen anpassbaren Bereich im Kurs dar, der im Header und im Footer mit HTML-Code konfiguriert werden kann.

Folgende Designvorlagensubtypen sind über den Objekttyp Wissenstests auswählbar:

Kein Objekt
Startseite
Endseite
Zwischenseite

Bearbeitungsart

Wählen Sie aus, auf welche Art die Designvorlage bearbeitet werden soll.

Folgende Bearbeitungsarten sind über den Objekttyp Lehrmittel, Kurse oder Wissenstests auswählbar:

Standard
Move
Informationen zu Move finden Sie hier.

Status

Wählen Sie den aktuellen Status der Designvorlage aus.

Der Status (Aktiv oder Entwicklung) wird Ihnen im Kurs-Assistenten bei der Auswahl der Designvorlagen angezeigt.

Metadaten

Gültig ab

Geben Sie ein, ab wann das Objekt gültig ist.

Gültig bis

Geben Sie ein, bis wann das Objekt gültig ist.

Version

Geben Sie ein, welche Version das Objekt hat.

Anmerkung

Geben Sie Notizen für das Objekt ein.

Wenn Sie auf dem Reiter Stammdaten die Bearbeitungsart Move gewählt haben, können Sie Ihre eigenen Designvorlagen in Move erstellen.

Wenn Sie auf dem Reiter Stammdaten die Bearbeitungsart Standard gewählt haben, können Sie Ihre eigenen Designvorlagen im HTML-Layout, mittels CSS oder per JavaScript erstellen.

Rechts sehen Sie jeweils in einer Schnell-Vorschau das Ergebnis Ihrer Programmierung.

Designvorlage

Wenn Sie auf dem Reiter Stammdaten die Bearbeitungsart Move gewählt haben, können Sie Ihre eigenen Designvorlagen in Move erstellen.

Wenn Sie auf dem Reiter Stammdaten die Bearbeitungsart Standard gewählt haben, können Sie Ihre eigenen Designvorlagen im HTML-Layout, mittels CSS oder per JavaScript erstellen.

Rechts sehen Sie jeweils in einer Schnell-Vorschau das Ergebnis Ihrer Programmierung.

1.Textabschnitte für Fragestellung vorgeben (vorhanden/nicht vorhanden) und Reihenfolge festlegen.

Mögliche Abschnitte

layoutHeadlineText = Bereich für die Fragenüberschrift

layoutIntroductionText = Einleitungstext für Hintergrundinformationen zur Fragestellung

layoutQuestionText = Eigentliche Fragenstellung bzw. Anweisung („W“ am Anfang und „?“ am Ende)

layoutInstructionText = Hinweistext für Tipps oder zur Bedienung der Frage (z. B. „Es sind mehrere Antworten richtig.“)

layoutMediaText = Medienbereich für die einheitlichen Positionierung von Medien/Bildern

commentRight = Abschnitt für den Kommentar bei richtiger Antwort

commentWrong = Abschnitt für den Kommentar bei falscher Antwort

layoutAnswerarea = Antwortbereich (muss vorhanden sein)

2. showIfEmpty beeinflussen

Dieses Attribut kann zwei Werte haben “true” und “false”

Bei „true“ wird auch bei leerem Text/Inhalt eines Abschnitts der Bereich angezeigt und Platz reserviert -> einheitliches Layout

Bei „false“ wird der Bereich nicht angezeigt, wenn der Text/Inhalt des Bereichs leer ist. -> kompaktes dynamisches Layout

3. Feste Elemente

Über eine Designvorgabe können auch feste Elemente vorgegeben werden, die in jeder Frage erscheinen z.B. fester Text in Überschriften oder zu Beginn eines Kommentars

Übersicht über Variablen die innerhalb von Designvorlagen verwendet werden können

$Author$ = Name des Autors (Vorname Nachname)

$AuthorLastnameFirst$ = Name des Autors aber Nachname wird zuerst angezeigt (Nachname, Vorname)

$QuestionPoints$ = Max. Punktzahl der Frage

$Serial$ = Seriennummer die von eEmpower® generieret wird. Man kann über den Arbeitsplatz nach dieser Seriennummer suchen.

$ExternalReference$ = Ausgabe der Daten des Feldes “Externe Referenz” aus den Stammdaten einer Frage.

$ExternalVersion$ = Ausgabe der Daten des Feldes “Externe Version” aus den Stammdaten einer Frage.

$CreationDate$ = Erstellungsdatum der Frage.

$ChangeDate$ = Änderungsdatum der Frage.

$ObjectTitle$ = Fragentitel der Stammdaten

Hier geben Sie eine CSS Struktur für ihre Designvorlage an. Für die Erstellung von Designvorlagen sind Kenntnisse im Aufbau von HTML und CSS Quellcode notwendig.

Beispiel-Quellcode für eine CSS Struktur

#questionWrapperCol1{ float:left; } #questionWrapper{ padding:20px; overflow:auto;

} .questionHeadline, .questionHeadline p { font-size:20px;

padding-bottom:20px; color: #334466; font-family: Arial,”Times New Roman”,Times,serif; font-weight: normal; }

.IntroductionText,

.IntroductionText p { font-weight: 14px; line-height: 15px; color:#535761; }

.instructionText, .instructionText p { font-weight:bold;

color:#000033; font-size:14px; line-height: 15px; }

.questionText, .questionText p { font-weight:bold; font-size:16px; line-height: 17px; color:#003366; padding-bottom:16px; }

.commentRight, .commentRight p { font-weight:bold; color:#006600; font-size:16px; line-height: 17px; }

.commentWrong, .commentWrong p{ color:#CC0000; font-weight:bold; font-size:16px; line-height: 17px;

}

#media{ }

Vorschau

Die Vorschau zeigt Ihnen das Ergebnis und die grundlegende Struktur der erstellen Designvorlage. Klicken Sie auf Weiter, um die Vorlage zu speichern.

Schlichte Designvorlagen verwenden

Neben dem Standard-Designvorlagen Paket haben Sie auch die Möglichkeit eigene Designvorlagen zu erstellen. In der Übersicht (Ressourcen → Designvorlagen) sehen Sie alle bereits erstellten Designvorlagen, aufgelistet nach Titel, Besitzer, Erstellungs- und Änderungsdatum, sowie den Designvorlagentyp. Links können Sie wie gewohnt mit dem Filter die Übersicht einschränken.

Standardmäßig erhalten Sie mit eEmpower® das Designvorlagenpaket “Schlichte Designvorlagen”: