internetpräsentation des zoologischen gartens leipzig julia meiler & clemens fricke besondere...
TRANSCRIPT
![Page 1: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/1.jpg)
Internetpräsentation des Zoologischen Gartens Leipzig
Julia Meiler & Clemens Fricke
Besondere Lernleistung
![Page 2: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/2.jpg)
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
![Page 3: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/3.jpg)
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
![Page 4: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/4.jpg)
Motivation / Das Projekt
• Kinder ansprechen
• Nutzer-Komfort: Gästebuch, Suchfunktion, Email, Neuigkeiten
• einfache Wartung durch Zoo-Mitarbeiter
• Wiederverwendung der Seiten im Projekt
![Page 5: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/5.jpg)
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
![Page 6: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/6.jpg)
Projektaufbau
• HTML
• Image Maps
• JavaScript (Formulare)
• Java-Applets (Panorama)
• Server Side Include (.shtml)
![Page 7: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/7.jpg)
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
![Page 8: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/8.jpg)
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
![Page 9: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/9.jpg)
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
![Page 10: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/10.jpg)
Beispiel einer Referenz / Link
<a href="allgemeines.shtml" alt="Allgemeine Informationen über den Zoo">Allgemeines</a>
![Page 11: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/11.jpg)
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
![Page 12: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/12.jpg)
Image Map
![Page 13: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/13.jpg)
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>
![Page 14: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/14.jpg)
Gliederung
• Motivation
• Projektaufbau
• Seitenaufbau
• Beispiel einer Referenz
• Image Map
• Panorama
![Page 15: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/15.jpg)
Panorama / Erstellung
FotografierenFotografierenBearbeitungmit ACDSeeBearbeitungmit ACDSee
Erstellungdes Panoramas
Erstellungdes Panoramas
Bearbeitungmit ACDSeeBearbeitungmit ACDSee
Einfügenin die SeiteEinfügen
in die Seite
![Page 16: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/16.jpg)
Panorama
Original Seitenverhältnis 1:17Original Seitenverhältnis 1:17
![Page 17: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/17.jpg)
Panorama / Applet
<applet name=pano code="pano.class" width=400 height=200>
<param name=file value="panorama2.ivr">
</applet>
![Page 18: Internetpräsentation des Zoologischen Gartens Leipzig Julia Meiler & Clemens Fricke Besondere Lernleistung](https://reader034.vdocuments.net/reader034/viewer/2022051110/55204d6349795902118b8975/html5/thumbnails/18.jpg)
Danke!