1 / 18

Internetpräsentation des Zoologischen Gartens Leipzig

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

brenden-tanner
Download Presentation

Internetpräsentation des Zoologischen Gartens Leipzig

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung

  2. Gliederung • Motivation • Projektaufbau • Seitenaufbau • Beispiel einer Referenz • Image Map • Panorama

  3. Gliederung • Motivation • Projektaufbau • Seitenaufbau • Beispiel einer Referenz • Image Map • Panorama

  4. Motivation / Das Projekt • Kinder ansprechen • Nutzer-Komfort: Gästebuch, Suchfunktion, Email, Neuigkeiten • einfache Wartung durch Zoo-Mitarbeiter • Wiederverwendung der Seiten im Projekt

  5. Gliederung • Motivation • Projektaufbau • Seitenaufbau • Beispiel einer Referenz • Image Map • Panorama

  6. Projektaufbau • HTML • Image Maps • JavaScript (Formulare) • Java-Applets (Panorama) • Server Side Include (.shtml)

  7. Gliederung • Motivation • Projektaufbau • Seitenaufbau • Beispiel einer Referenz • Image Map • Panorama

  8. rechts oben "Name", "Email" links oben "Zoo-Logo" Seitenaufbau dynamischer Inhalt links unten "Menüleiste" recht unten "Seiten-Feld"

  9. Gliederung • Motivation • Projektaufbau • Seitenaufbau • Beispiel einer Referenz • Image Map • Panorama

  10. Beispiel einer Referenz / Link <a href="allgemeines.shtml" alt="Allgemeine Informationen &uuml;ber den Zoo">Allgemeines</a>

  11. Gliederung • Motivation • Projektaufbau • Seitenaufbau • Beispiel einer Referenz • Image Map • Panorama

  12. Image Map

  13. 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>

  14. Gliederung • Motivation • Projektaufbau • Seitenaufbau • Beispiel einer Referenz • Image Map • Panorama

  15. Panorama / Erstellung Fotografieren Bearbeitung mit ACDSee Erstellung des Panoramas Bearbeitung mit ACDSee Einfügen in die Seite

  16. Panorama Original Seitenverhältnis 1:17

  17. Panorama / Applet <applet name=pano code="pano.class" width=400 height=200> <param name=file value="panorama2.ivr"> </applet>

  18. Danke!

More Related