Ressourcenauswahl des Anfängerworkshops
Diese Auswahl von Links soll Ihnen den Einstieg in die Nutzung von Webseiten erleichtern. Wenn Sie weitere nützliche Sites kennen, so senden Sie diese doch bitte an den Verantwortlichen der Community und schreiben Sie es selbst in einen neuen Forumbeitrag.

Suchkriterien für dieses Learning Object: Internet,NLT,Links,Ressourcen,Ressources,Anfänger,Workshop
Institutionen mit Resourcen

Virtueller Campus Schweiz
http://www.virtualcampus.ch/

WebCT-Kurse des Forum New Learningss
http://webct.fnl.ch

WebCT-USA

Webseitengestaltung

Hilfe zu Netscape
http://help.netscape.com/
Diese Seiten führt Sie zu Hilfsdokumenten der verschiedenen Netscapeversionen und -funktionen. 

Einführung in HTML auf Deutsch
http://selfhtml.teamone.de/ : 
Umfassende Website zum Erstellen von Webseiten mit HTML.

Einführung in HTML auf Englisch
http://archive.devx.com/projectcool/developer/tips/quickstart/index.html :
Dieses Tutorial verspricht, dass man in fünf Minuten eine einfache HTML-Datei schreiben kann. Probieren Sie es aus! 

http://www.hotwired.com/webmonkey/teachingtool :
Dieses interaktive Lernprogramm ermöglicht es, auf einfache Weise, HTML-Code selber auszuprobieren. 

http://werbach.com/barebones/
This guide was created by Kevin Werbach. It includes online translations into over 20 languages/character sets, in addition to an excellent collection of cheat sheets and Web resources.

http://www.labrocca.com/htmlementary :
Wenn man auf dieser Site auf HTMLementray klickt, erhält man ein Tutorial, welches einen guten Einstieg in die Erstellung von HTML-Code gibt. Das Tutorial teilt sich in zwei Hauptfenster. Im linken Fenster wird Schritt für Schritt das Prinzip von HTML-Code erläutert. Jedes Code-Element erscheint als Hyperlink und wird im rechten Fenster detailliert erklärt, sobald man darauf klickt. 

http://www.cwru.edu/help/introHTML/toc.html :
Diese mehrfach ausgezeichnete Einführung in HTML zeichnet sich aus durch eine einfache Sprache und eine gute Benutzerführung. Anhand von einfachen Selbsttests kann man interaktiv den gelernten Stoff prüfen. 

http://www.ncsa.uiuc.edu/General/Internet/WWW :
Dieser 'Beginner's Guide to HTML' beschreibt auf 25 Seiten die Schritte, welche nötig sind, um einfachen HTML-Code zu schreiben. 

Symbols & Accents

http://hotwired.lycos.com/webmonkey/geektalk/97/36/index3a.html
Another Guide from Hotwired's Webmonkey explains how to get symbols from the ISO Latin-1 Character Set such as © and ç to render in HTML pages.
 

Farbreferenzen

Effective Color Contrast
Erfahren Sie mehr über die Lesbarkeit verschiedener Farbkombinationen

Palettizer css color contrast picker
Finden Sie die optimale Kontratstfarbe mit Hilfe des 'Pickers'

Brian Halls Farbapplet
Experimentieren Sie selbst mit Farben!

Lynda Weinman's Browser Safe Color Palette Page
Copyright © 1996-97 Lynda Weinman. An excellent introduction by the author of Coloring Web Graphics to using color on the Web. Includes palettes arranged by HUE and by VALUE, with RGB values and their hexidecimal equivalents.
 

Templates

FNL-Template für eine einheitliche grafische Seitengestaltung in WebCT
FNL-Template für die inhaltliche Gestaltung von Lernseiten

Styleguides

http://www.w3.org/Provider/Style/
A guide to authoring Web pages and sites by the inventor of the World Wide Web himself, Tim Berners-Lee.
http://info.med.yale.edu/caim/manual/contents.html :
Einer der besten Styleguides auf dem Web. Die Aufbereitung selber ist ein Musterbeispiel dafür, wie man Webseiten gestalten sollte. Ausgehend von der Annahme, dass Teile des Guides ausgedruckt werden, gestalten die Autoren die Seiten mit Hilfe von (unsichtbaren) Tabellen so, dass sie auch auf dem Papier noch sehr angenehm aussehen. 
http://www.devx.com/projectcool/developer:
Hier erhält man eine ganze Palette von Informationen zur Gestaltung von Webseiten, von den einfachen HTML-Grundlagen bis zur Gestaltung von interaktiven Formularen. 

Negativbeispiele 

www.worstoftheweb.com : 
Negativbeispiele können angeblich ebenso lehrreich sein wie ein gutes Vorbild. Wenn das stimmt, sollten Sites wie diese zum Pflichtprogramm für hoffnungsvolle Webdesigner werden. Die täglich aktualisierte Sammlung 'Worst of the Web' präsentiert preisgekrönte Beispiele der peinlichsten, klobigsten, langweiligsten, besucherfeindlichsten und handwerklich schwächsten Seiten, die das Netz zu bieten hat. 
www.webpagesthatsuck.com : 
Vincent Flanders 'Web Pages That Suck' ist didaktisch aufgebaut und liefert thematisch gegliedert eigens hergestellte Anschauungsstücke für sinnlose, platzverschwendende, laienhafte oder auch bloss überstrapazierte Web-Techniken. Dabei spart die Site auch nicht mit positiven Hinweisen und Tipps für gute Gestaltung. 
http://www.cs.ttu.edu/fase/v7n05.txt : 
Eine ödeste Textwüste. 

Bilder, Grafiken, Animation, Sound 

http://www.lmu.ac.uk/lss/staffsup : 
Vielzahl von nützlichen Hilfsmitteln für die Webpage im Unterricht. Menü 'Authoring Resources' wählen. 
http://www.eclipsed.com : 
Fundgrube für animierte GIF-Bilder, Cliparts, Animationen und Graphiken für den privaten Gebrauch.
http://www.clipartconnection.com : 
Sammlung kostenloser Cliparts. 
http://www.freegraphics.com : 
Sammlung kostenloser Cliparts. 
http://www.freeware.de : 
Eine Reihe von CGI-Scripts und Java-Applets, von der Echtzeituhr bis zur Passwortabfrage. 
http://www.soundcentral.com : 
Grosse Auswahl an Klangdateien. 
BUILDER.COM's Web Graphics - Get Animated!
An excellent guide to how to create animated Web graphics with links to downloadable utilities for Windows, Macintosh and UNIX.

Zip Compression Utilities

ZipIt for the Macintosh.
Shareware zip compression utility for the Macintosh. We are in the process of securing a site license for this software. In the meantime, you can download the software and try it out.
WinZip for Windows:
Shareware Zip file handling program for Windows 95 and NT.
Aktivitäten

Generatoren für Web-Lernaktivitäten
Swarthmore Makers
http://lang.swarthmore.edu/makers/index.htm
sind 5 unterschiedliche sofort einsetzbaren und selbstkorrigierenden Aktivitätstypen und Tests, die Sie in deren Webseite benützen können oder in Ihre eigene Webseite kopieren können.

Quia Activity Manager 
http://www.quia.com/web/ von Quintessential Instructional Archive bietet veschieden Aktivitätstypen und zahlreiche ernaktivitäten.

Interessante Übungen und Generatoren
http://a4esl.org/
findet man im The Internet TESL Journal, besonders Kelly's Multiple-Choice HTML Quiz Generator http://www.aitech.ac.jp/~iteslj/quizzes/help/write-mc.html, der speziel für das Lernen von Fremdsprachen entwickelt wurde aber auch in anderen Bereichen einsetzbar ist. Und ein Kreuzworträtselgenerator http://www.aitech.ac.jp/~iteslj/cw/project.html zum Runterladen.

Puzzelmaker 
http://www.puzzlemaker.com/
bietet mehrere Übungsgeneratoren für spielerischen Umgang mit Text und Zahlen, die leider nicht selbstkorrigierend sind.

Hotpotato 
http://web.uvic.ca/hrd/hotpot/
ist ein runterladbares Programm des Computing and Media Centre der University of Victoria Humanities, das es erlaubt, interactive Multiple-Choice-, 'short-answer-', 'Vermischte-Sätze-', Kreuzworträtsel-, 'Matching/ordering-' und Clozeübungen für das World Wide Web zu erstellen

Zahlreiche interactive Mathematikspiele
http://www.cut-the-knot.com/games.html
findet man bei: 
The Knot Software, Inc.

Weitere Links 

Richtlinien für faires und legales Internetauftreten
Regent's Guide to Understanding Copyright and Educational Fair Use
The State University System of Georgia's official policy and guidelines on Copyright and Educational Fair Use.

BSCW
http://bscw.gmd.de/
BSCW (Basic Support for Cooperative Work) erlaubt Zusammenarbeit übers Web. BSCW ist ein  System des 'shared workspace', gemeinsam benützter Arbeitsplatz, der das Auf- und rutnerladen von Dokument erlaubt, Ereignis Benachrichtigung, Guppenverwaltung und anderes mehr. Ausser dem Browser wird kein weiteres Tool benötigt.

Free Forums and discussion groups
http://groups.yahoo.com
http://forum.onecenter.com
http://www.webseits.de
http://www.m4d.com/board.shtml
http://www.voy.com/
Hier können Sie ein Gratis-Forum beantragen und Ihrer Webseite zuordnen (Ohne Gewähr!).

Mindmanager
http://www.mindmanager.com/german/download.html
Hier holt man sich das Programm MindMan vom Web (Studentenpreis DM 90).
 

Erstellt durch Andreas Ninck und Andreas Röllinghoff. Anregungen und Kommentare sind erwünscht. 
[ up ]
Modifiziert am: 15.03.04
FNL Learning Object