Lehrende:Design von WebCT-Kursen: Unterschied zwischen den Versionen

Aus OKAPI
Wechseln zu: Navigation, Suche
 
 
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
−
=== Farbschema und Icons wählen ===
+
{{Achtung|'''Achtung''':
 +
'''Das Lernsystem WebCT wurde an der Goethe-Universität durch [[Lehrende:Lernplattform OLAT|OLAT]] ersetzt!!!'''
 +
}}
  
−
Das Farbschema ändern Sie, indem Sie in den "Kurseinstellungen" die Option "Kursfarbe anpassen" wählen. Hier können Sie sich zwischen verschiedenen Farbschemata entscheiden; der "Satz E" wird bisher meistens bevorzugt, da er zurückhaltender als die übrigen Optionen ist.
+
Die Design-Optionen wurden in der neuen WebCT-Version 6.0 stark reduziert.  
  
−
Die von WebCT angebotenen Symbole ("Icons") für die unterschiedlichen Elemente wie Dateien, Organisationsseiten usw. sind teilweise nicht sehr ansprechend, können aber gegen beliebige eigene Grafiken ausgetauscht werden. Der Punkt findet sich unter "Kurseinstellungen" - "Individuelles Icon ersetzen". Hier können Sie das zu ersetzende Icon wählen und wie in WebCT gewohnt eine Ersatzdatei hochladen.
 
  
−
Unter "Eigene Dateien" findet sich im Ordner "WebCT" der Ordner "Icons", wo alle Standardicons zu finden sind. Einzelne Icons lassen sich dort durch einen Klick auf das Lupensymbol in der entsprechenden Zeile ansehen und können ebenfalls über "Individuelles Icon ersetzen" einzelnen Kursseiten zugewiesen werden.
+
== Kopf- und Fußzeile ==
  
−
Icons lassen sich auch durch eine Google Bildersuche finden, sie erscheinen in der Kursansicht allerdings in Originalgröße und müssen gegebenenfalls angepasst werden.
+
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.
−
Dazu sollte die Größe in einem beliebigen Grafikprogramm angepasst, und die Datei als .gif oder .jpg gespeichert werden. Viele Grafikprogramme erlauben den Export als .gif mit transparentem Hintergrund .
+
* Ü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. [http://www.chip.de/downloads/Paint.NET_13015268.html 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 [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 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.
 +
* 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.

Aktuelle Version vom 12. Juni 2012, 11:45 Uhr

Achtung:

Das Lernsystem WebCT wurde an der Goethe-Universität durch OLAT ersetzt!!!

Die Design-Optionen wurden in der neuen WebCT-Version 6.0 stark reduziert.


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.
Abgerufen von „https://okapi.uni-frankfurt.de/index.php?title=Lehrende:Design_von_WebCT-Kursen&oldid=3758“