Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere...
-
Upload
vinzenz-stimpert -
Category
Documents
-
view
115 -
download
0
Transcript of Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere...
Internetpräsentation des Zoologischen Gartens Leipzig
Julia Meiler & Clemens Fricke
Besondere Lernleistung
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
Motivation / Das Projekt
• Kinder ansprechen
• Nutzer-Komfort: Gästebuch, Suchfunktion, Email, Neuigkeiten
• einfache Wartung durch Zoo-Mitarbeiter
• Wiederverwendung der Seiten im Projekt
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
Projektaufbau
• HTML
• Image Maps
• JavaScript (Formulare)
• Java-Applets (Panorama)
• Server Side Include (.shtml)
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
Seitenaufbaulinks oben"Zoo-Logo"links oben"Zoo-Logo"
rechts oben"Name", "Email"rechts oben"Name", "Email"
recht unten"Seiten-Feld"recht unten"Seiten-Feld"
links unten"Menüleiste"links unten"Menüleiste"
dynamischer Inhaltdynamischer Inhalt
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
Beispiel einer Referenz / Link
<a href="allgemeines.shtml" alt="Allgemeine Informationen über den Zoo">Allgemeines</a>
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
Image Map
Image Map
<MAP NAME="main">
<AREA SHAPE=RECT COORDS="53,31,297,219" HREF="linksoben.shtml" ALT="linksoben">
<AREA SHAPE=RECT COORDS="299,59,614,192" HREF="rechtsoben.shtml" ALT="rechtsoben">
<AREA SHAPE=RECT COORDS="72,220,299,389" HREF="linksunten.shtml" ALT="linksunten">
<AREA SHAPE=RECT COORDS="299,195,635,355" HREF="rechtsunten.shtml" ALT="rechtsunten">
</MAP>
<IMG SRC="shared/images/_00.gif" USEMAP="#main" BORDER=0 WIDTH=643 HEIGHT=431>
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
Panorama / Erstellung
FotografierenFotografierenBearbeitungmit ACDSeeBearbeitungmit ACDSee
Erstellungdes Panoramas
Erstellungdes Panoramas
Bearbeitungmit ACDSeeBearbeitungmit ACDSee
Einfügenin die SeiteEinfügen
in die Seite
Panorama
Original Seitenverhältnis 1:17Original Seitenverhältnis 1:17
Panorama / Applet
<applet name=pano code="pano.class" width=400 height=200>
<param name=file value="panorama2.ivr">
</applet>
Danke!