|
Aufgabe 1: Erstellen von Webseiten
|
|
Im Laufe des Praktikums werdet Ihr verschiedene Aufgaben bearbeiten. Eure
Ergebnisse werden über euer Verzeichnis auf dem prInt-Server im Netz
zugänglich sein.
Heute sollt Ihr euch ein Thema für ein Portal ausdenken,
also eine Firma, (z.B.: http://www.saltydogsurfshop.com/)
eine Behörde (z.B.: http://www.bafz.de/ oder http://www.bfb-bund.de/)
oder eine Community (z.B.: http://www.dashaustierforum.de/).
Um dem ganzen dann einen professionellen Touch zu geben, sollt
Ihr Euch ein einheitliches Erscheinungsbild für eure
Seiten überlegen, d.h. einen Standardkopf bzw. -fuß.
Außerdem erstellt Ihr für Eure Gruppe eine Indexseite und eine Seite,
auf der Ihr Euch kurz vorstellt.
Nochmal im Klartext:
- Legt eine Verzeichnisstruktur an, um Kuddelmuddel zu vermeiden:
- Das Verzeichnis für Eure Gruppe ist:
/home/vsis_3/printXX (XX ist die Gruppennummer).
- Erstellt für jede der dreizehn Aufgaben ein eigenes Verzeichnis, also
aufgabe1/, aufgabe2/, ...
- Erstellt desweiteren die Verzeichnisse
pic/ und include/ für Bilder bzw. Format- und JavaScript-Dateien.
- Ihr dürft selbst entscheiden, ob Ihr die Aufgaben direkt in den
Unterverzeichnissen löst, oder die letzte Lösung vor Bearbeitung der
nächsten Aufgabe in das entsprechende Unterverzeichnis kopiert.
(Tip: verwendet möglichst relative Pfade wie
../datei.html und ordner/datei.html)
- Überlegt Euch ein Thema und ein einheitliches Erscheinungsbild für eurer Portal:
- Legt einen Kopf und einen Fuß fest, der für jede Seite gleich sein soll.
- Erstellt eine CSS-Datei mit Formatdefinitionen, die in jede Seite eingebunden wird.
- Erstellt für das Portal eine Impressum-Seite, auf der Ihr Euch (mit Bild) vorstellt. Benutzt dabei:
- Kopf und Fuß
- Formate der schon erstellten CSS-Datei
- Tabellen
- Bilder (Euer Gruppenbild findet Ihr unter /gruppenbilder06)
- Erstellt eine Index-Seite, von der aus auf jede Lösung zugegriffen werden kann.
- Alle erstellten Seiten müssen eine Link auf die Index-Seite haben (Kopf- oder Fußbereich bietet sich an ;-).
- Die Index-Seite muss auf die Liste der prInt-Gruppen verweisen (/teilnehmer.phtml).
- Testet die Seiten mit veschiedenen Browsern:
netscape, mozilla,
kfm, lynx.
Bonusaufgaben:
- Bindet Kopf und Fuß mit
Server-Side-Includes ein. Zeigt über SSI automatisch das Datum der letzten
Änderung der Seite an. (1 Punkt)
- Erstellt für Euer Portal ein Drucklayout (anderer Kopf und Fuß und anderes CSS)
und stellt Eure Impressum-Seite zusätzlich im Drucklayout dar (1 Punkt).
- Realisiert Euer Portal-Layout zusätzlich in einer Version nur mit
CSS (ohne Tabellen) und macht diese Version von der Hauptseite aus zugänglich (1 Punkt).
(<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/frameset.dtd">)
Wenn ihr noch Fragen habt, guckt doch mal in unserer tollen
Doku nach!
Eine weitere gute Methode, XHTML zu lernen, ist sich den Code anderer Seiten
anzusehen. Im Navigator geht das mit View - Page Source
Damit der Webserver auf die von euch erstellten Seiten zugreifen kann,
müsst ihr die entsprechenden Rechte setzen:
- Die Verzeichnisse müssen für alle "ausführbar" sein:
chmod 711 . bzw.
chmod a+x <Verzeichnisname>
für die alle Verzeichnisse und
- die Dateien müssen für alle lesbar sein:
chmod 744 * oder
chmod a+r * für alle öffentlichen Dateien.
Tipp: Durch die Option -R könnt ihr den chmod Befehl rekursiv auch auf die Unterverzeichnisse anwenden.
Ansehen könnt Ihr Euch die Rechte mittels ls -la
(alles lang auflisten).
Mehr Infos zu chmod findet Ihr beispielsweise im
Linux Anwender Handbuch.
Ihr sollt zudem Euren XHTML-Code auf Korrektheit
überprüfen!
Viel Spaß!
Autor: Lars Braubach, Alexander Pokahr
| Mi 12-16 Uhr
| Raum: B-201 und RZ
| Start: 05.04.2006
|
Eine Veranstaltung des Arbeitsbereichs Verteilte Systeme und Informationssysteme (VSIS)
|
|
Letzte Änderung : 05.04.2006 - 10:03
EMail: prInt06@vsis.informatik.uni-hamburg.de
