World Wide Web-Gestaltung mit HTML und CSS

Aufgaben

Schreibe eine eigene HTML-Datei!

Die Datei soll eine Startseite für Deine zukünftige Arbeit in diesem Kurs sein, von der aus alle Dokumente, die Du in diesem Kurs schaffst, zugänglich sein sollen. Einmal sollen diese Übersichtsseiten dazu dienen, dass Du Dich auch von den Lösungen der anderen "inspirieren" lassen kannst. Sie sollen den Kontakt zwischen den Kursmitgliedern erleichtern, falls Ihr Fragen lieber untereinander klären wollt. Und sie soll die Informationen enthalten, die Du selbst als nützlich empfindest und anderen nicht vorenthalten willst.

Überlege Dir daher, welche Informationen nötig sind, und wie Du die Informatioen auf der Seite arrangieren willst! Benutze dabei mindestens für einen tag die CSS-Technik!

Tipp: Übersichtsseiten werden üblicherweise index.html genannt!

Füge der Seite Links auf andere gute Quellen zum Thema HTML und CSS hinzu!

Eine Suchmaschine wie Google oder eine Katalog wie Yahoo! können hilfreich sein. Wirf einen Blick in die gefundenen Quellen. Mindestens die Deiner Meinung nach besten drei Quellen zum Vorlesungsthema solltest Du als kommentierten Link auf Deine Webseite setzen!

Tipp: Nach dem Aufruf einer Seite erscheint ihre Adresse im Adressfeld oben im Browserfenster und kann von dort kopiert und in Deine Webseite eingefügt werden.

Veröffentliche Deine HTML-Datei!

Hier am Institut kann jeder angemeldete Benutzer selber Seiten veröffentlichen. Lege dazu in Deinem Heimatverzeichnis das Verzeichnis "public_html" an und verschiebe Deine Webseiten in das Verzeichnis!

Windows NT/2000	Unix/Linux
Im Netzlaufwerk Z: befindet sich Dein Heimatverzeichnis. Rufe das Verzeichnis auf. Mit dem Kontextmenü, das Du mit dem rechten Mausknopf erreichst, kannst Du eine neues Unterverzeichnis darin anlegen: Neu -> Verzeichnis -> public_html	Dein Heimatverzeichnis befindet sich unter ~/ Mit folgendem Befehl erzeugst Du das öffentliche Verzeichnis aus einem Terminal- oder dem Konsolenprogramm: mkdir ~/public_html

Da alle Dateien auf Unixrechnern gespeichert werden, musst Du auf Groß- und Kleinschreibung achten! (Normalerweise schreibt man alles klein, damit man sich eine Menge Nachdenken sparen kann ;^)

Überprüfe Deine Seite im Webbrowser!

Die so angelegten Seiten sind dann von überall im Internet erreichbar, wenn Du die folgende Adresse im Webbrowser eingibst:

http://www.inf.fu-berlin.de/~username

Überprüfe die Darstellung sowohl im Microsoft Internet Explorer, als auch im Netscape Navigator! Gibt es Unterschiede bei der Darstellung?

Probiere auch alle Links aus und korrigiere sie, falls sie nicht funktionieren!

Die Aufgaben sollten bis kommenden Montag, 12:00 Uhr bearbeitet und die Ergebnisse veröffentlicht sein!