Lehrende:Design von WebCT-Kursen: Unterschied zwischen den Versionen
Aus OKAPI
K (→Ordnergestaltung) |
K (→HTML-Einsatz) |
||
| Zeile 26: | Zeile 26: | ||
== HTML-Einsatz == | == HTML-Einsatz == | ||
| − | Wer seine Seiten ganz individuell gestalten möchte, kann dazu [http://de.selfhtml.org/ HTML Code] verwenden. Da der in WebCT integrierte HTML-Editor bei einigen Browsern nicht problemlos funktioniert, empfiehlt es sich einen vorgefertigten '''Quellcode''' z.B. in die Kopfzeile eines Ordners oder eine neue Datei | + | Wer seine Seiten ganz individuell gestalten möchte, kann dazu [http://de.selfhtml.org/ HTML Code] verwenden. Da der in WebCT integrierte HTML-Editor bei einigen Browsern nicht problemlos funktioniert, empfiehlt es sich, einen vorgefertigten '''Quellcode''' z.B. in die Kopfzeile eines Ordners oder eine neue Datei einzufügen. |
| − | * Dazu den Quellcode einfach aus einem beliebigen HTML-Editor kopieren, an der gewünschten Stelle einfügen und das '''Häkchen bei "HTML verwenden"''' setzen. | + | * Dazu den Quellcode einfach aus einem beliebigen HTML-Editor kopieren, an der gewünschten Stelle einfügen und das '''Häkchen bei "HTML verwenden"''' setzen. Dazu im Quellcode folgenden Bereich koplett markieren: <body> ... alles, was dazwischen steht ... </body>. ("<body>" umklammert den eigentlichen "Körper" einer HTML-Datei.) |
* Sehr erleichter wird dieser Vorgang mit [http://de.wikipedia.org/wiki/Wysiwyg WYSIWYG-Editoren] wie z.B. dem frei verfügbaren [http://www.nvu-composer.de/ NVU], die den Quellcode zu einem beliebig arrangierten Text automatisch generieren und anzeigen, der dann nur noch kopiert und eingefügt werden muss. | * Sehr erleichter wird dieser Vorgang mit [http://de.wikipedia.org/wiki/Wysiwyg WYSIWYG-Editoren] wie z.B. dem frei verfügbaren [http://www.nvu-composer.de/ NVU], die den Quellcode zu einem beliebig arrangierten Text automatisch generieren und anzeigen, der dann nur noch kopiert und eingefügt werden muss. | ||
* Viele Textverarbeitungsprogramme bieten intern die Möglichkeit, eine vorhandene Datei im HTML-Format zu speichern, das dann kopiert werden kann. In Word geht das z.B. unter "Datei" -> "Speichern unter" -> .htm oder .html. Allerdings zeigt Word auch dann den Quellcode nicht automatisch an; über "Ansicht" -> "Html-Quellcode" kann man das ändern und den Code so kopieren. | * Viele Textverarbeitungsprogramme bieten intern die Möglichkeit, eine vorhandene Datei im HTML-Format zu speichern, das dann kopiert werden kann. In Word geht das z.B. unter "Datei" -> "Speichern unter" -> .htm oder .html. Allerdings zeigt Word auch dann den Quellcode nicht automatisch an; über "Ansicht" -> "Html-Quellcode" kann man das ändern und den Code so kopieren. | ||
| − | * Auf diese Weise lässt sich das ganze Kursdesign sehr individuell gestaltet in der Kopfzeile der Startseite unterbringen. Erstellt man zusätzlich WebCT-Order, so finden diese | + | * Auf diese Weise lässt sich das ganze Kursdesign sehr individuell gestaltet in der Kopfzeile der Startseite unterbringen. Erstellt man zusätzlich WebCT-Order, so finden sich diese wie gewohnt unterhalb des HTML-gestützten Designs der Kopfzeile. |
| − | * Kursinterne Links müssen natürlich mit den Angaben im WebCT- | + | * Kursinterne Links müssen natürlich mit den Angaben im WebCT-Datei-Manager übereinstimmen. |
Version vom 15. April 2009, 09:44 Uhr
Die Design-Optionen wurden in der neuen WebCT-Version 6.0 stark reduziert.
Inhaltsverzeichnis
Kopf- und Fußzeile
Sowohl die Startseite als auch jeder einzelne Ordner besitzt eine Kopf- und eine Fußzeile, die sich z.B. für eine Begrüßung oder ergänzende Erläuterungen zum Inhalt des Ordners anbietet.
- Über den Button "Seitenoptionen" auf jeder Kursseite oben rechts lassen sich für jeden einzelnen Ordner (auch für die Startseite) Kopf- und Fußzeile beschriften und speichern. Mit einem Häkchen können die aktuellen Einstellungen für alle Ordner im Kurs übernommen werden.
Ordnergestaltung
Über den Button "Seitenoptionen" oben rechts lassen sich unter dem Menüpunkt "Seitenanzeige anpassen" für die Startseite und jeden einzelnen Ordner das Seitenlayout und ein Farbschema festlegen.
- Layout bezieht sich auf die tabellarische Anordnung von Ordnern, Dateien usw. in dem jeweiligen Ordner. Es stehen verschiedene Layoutvorlagen zur Auswahl und unter dem Punkt "Benutzerdefiniertes Layout" lassen sich eigene Werte für die Anordnung einstellen.
- Auch hier können die gewählten Einstellungen für alle Ordner im Kurs übernommen werden.
- Hintergrundbilder können für jeden Ordner einzeln oder für den gesamten Kurs festgelegt werden.
- Die WebCT-Standarsymbole haben meist eine Größe von (bxh) 103x84 Pixel
Ordnersymbole ersetzen
Das Standard-Icon, mit dem Ordner symbolisiert werden, kann bei jedem einzelnen Ordner ersetzt werden.
- Über den kleinen grauen Button neben dem Ordnertitel lässt sich ein Bild vom eigenen PC oder aus den Kursdateien einsetzen (-> "Eigenschaften bearbeiten" -> "Symbol ersetzen"). Hier sollten nur kleinformatige Bilder ohne Copyright verwendet werden (mit etwa 100 Pixeln Kantenlänge). Mit frei verfügbaren Programmen wie z.B. Paint.NET lässt sich die Größe eines vorhandenen Bildes einfach anpassen und eine neue JPG-Datei erzeugen, die dann als alternatives Ordnersymbol verwendet werden kann.
- Möchten Sie z.B. den Ordner mit Lektüre zur Kritik der Urteilskraft mit einem Bild von Kant kenntlich machen, so muss zunächst ein passendes Bild gefunden und gegebenenfalls verkleinert werden. Über die Eigenschaften des entsprechenden Ordners kann nun dieses Bild über den Dateimanager von Ihrem PC hochgeladen werden und das Standard-Symbol ersetzen.
- Die Standard-Symbole für Dateien können nur kursweit geändert werden. Dazu können unter Designtools -> "Kurs verwalten" -> "Kursinhaltssymbole" entweder komplette Symbolsätze der Lernplattform gewählt oder einzelnen Kurselementen wie Dateien, Foren oder Anmeldeformularen eigene Bilder zugewiesen werden.
HTML-Einsatz
Wer seine Seiten ganz individuell gestalten möchte, kann dazu HTML Code verwenden. Da der in WebCT integrierte HTML-Editor bei einigen Browsern nicht problemlos funktioniert, empfiehlt es sich, einen vorgefertigten Quellcode z.B. in die Kopfzeile eines Ordners oder eine neue Datei einzufügen.
- Dazu den Quellcode einfach aus einem beliebigen HTML-Editor kopieren, an der gewünschten Stelle einfügen und das Häkchen bei "HTML verwenden" setzen. Dazu im Quellcode folgenden Bereich koplett markieren: <body> ... alles, was dazwischen steht ... </body>. ("<body>" umklammert den eigentlichen "Körper" einer HTML-Datei.)
- Sehr erleichter wird dieser Vorgang mit WYSIWYG-Editoren wie z.B. dem frei verfügbaren NVU, die den Quellcode zu einem beliebig arrangierten Text automatisch generieren und anzeigen, der dann nur noch kopiert und eingefügt werden muss.
- Viele Textverarbeitungsprogramme bieten intern die Möglichkeit, eine vorhandene Datei im HTML-Format zu speichern, das dann kopiert werden kann. In Word geht das z.B. unter "Datei" -> "Speichern unter" -> .htm oder .html. Allerdings zeigt Word auch dann den Quellcode nicht automatisch an; über "Ansicht" -> "Html-Quellcode" kann man das ändern und den Code so kopieren.
- Auf diese Weise lässt sich das ganze Kursdesign sehr individuell gestaltet in der Kopfzeile der Startseite unterbringen. Erstellt man zusätzlich WebCT-Order, so finden sich diese wie gewohnt unterhalb des HTML-gestützten Designs der Kopfzeile.
- Kursinterne Links müssen natürlich mit den Angaben im WebCT-Datei-Manager übereinstimmen.
