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

Aus OKAPI
Wechseln zu: Navigation, Suche
 
(9 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
−
{{Achtung|'''Achtung''':  
+
{{Achtung|'''Achtung''':
−
Dieser Artikel muss noch überarbeitet werden, da er sich auf die alte WebCT-Version bezieht, deren Designoptionen etwas anders organisiert sind.}}  
+
'''Das Lernsystem WebCT wurde an der Goethe-Universität durch [[Lehrende:Lernplattform OLAT|OLAT]] ersetzt!!!'''
 +
}}
  
−
=== Designeroptionen ===
+
Die Design-Optionen wurden in der neuen WebCT-Version 6.0 stark reduziert.
  
−
Unter dem Reiter "Designeroptionen" finden sich in der rechten Spalte "Optionen", mit denen sich entweder neue Kurselemente (Z.B. Dateilinks, Aufgabentools oder Foren) hinzufügen, oder bereits vorhandene durch Markierung (links vom Element) bearbeiten lassen. Die Optionen beziehen sich entweder auf obere und untere Textblöcke, oder auf Seiten und Tools.
 
  
−
Unter "Seite oder Tool hinzufügen" erstellt man vor allem:<br>
+
== Kopf- und Fußzeile ==
−
Einzelseiten (Links auf hochgeladene Dateien),<br>
 
−
Organisationsseiten (enthalten weitere Elemente),<br>
 
−
Inhaltsmodule (organisieren mehrere hochgeladene Dateien unter Überschriften),<br>
 
−
Forum- oder Mail-Tool (erlaubt die Kursinterne Kommunikation),<br>
 
−
Test- oder Aufgaben-Tool (ermöglicht Online-Überprüfungen)<br>
 
  
 +
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.
  
−
Auf den Seiten des HRZ findet sich eine kleine [http://www.rz.uni-frankfurt.de/internet/elearning/E-Learning_Studierende.html Hinweissammlung zu den einzelnen Tools].
 
  
−
=== Dateien hochladen ===
+
== Ordnergestaltung ==
  
−
Dateien lassen sich über das Kursmenü unter "Dateien verwalten" hinzufügen, hier können über das Optionsmenü zudem neue Ordner erstellt und hochgeladene Dateien verschoben werden. Man kann Dateien aber auch bei der Einrichtung z.B. einer Einzelseite in einem Rutsch hochladen und gleich zuweisen.
+
Ü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 ==
  
−
=== Einzelseiten ===
+
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.
  
−
Einzelseiten bestehen in einer schlichten Textzeile mit einem Icon, die als Link auf eine zuvor hochgeladene Datei verweist. Im Optionsmenü unter "Seite oder Tool hinufügen" gilt es dazu "Einzelseite" auszuwählen und im folgenden Eingabefenster einen Titel für den Link einzugeben, sowie die Datei anzugeben, auf die der Link verweisen soll. Dazu muss die Datei in die "eigenen Dateien" hochgeladen werden, indem man hinter "Seitendateiname" auf "durchsuchen" klickt, im nun sich öffnenden Fenster nochmals unter "durchsuchen" eine Datei z.B. auf der eigenen Festplatte auswählt, auf "hochladen" klickt, und schließlich die so hochgeladene und ausgewählte Datei durch einen Klick auf "Ausgewähltes hinzufügen" der Einzelseite zuweist. Der so geschaffene Link wird dem Endnutzer wahlweise im selben oder einem separaten Fenster angezeigt, und kann auf der Homepage, einer Organisationsseite, oder auch im Kursmenü erscheinen. Schließlich lässt sich unter diesem Optionspunkt auch ein Standard-WebCT-Icon auswählen, oder ein eigenes hochladen.
 
  
 +
== HTML-Einsatz ==
  
−
=== Farbschema und Icons wählen ===
+
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.)
−
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.
+
* 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.
−
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.
+
* 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.
−
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" dem ganzen Kurs oder unter "bearbeiten" einzelnen Kursseiten zugewiesen werden.
 
−
 
 
−
Icons lassen sich z.B. durch eine Google-Bildersuche finden, sie erscheinen in der Kursansicht allerdings in Originalgröße und müssen gegebenenfalls verkleinert werden.
 
−
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-Datei mit transparentem Hintergrund .
 

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“