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 &uuml;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!