Beispiele des Endergebnisses
Hier wird exemplarisch die Formatierung der Texte mit CSS für die Einstiegseiten der Inhaltbereiche vorgestellt. Als Musterbeispiel für die Durchführung der Textformatierung mitt Benutzerdefinierte CSS-Stile werden die Seiten inh_einst_augen.html und inh_einst_schnecken.html bearbeitet.
Anhand des Beispiels soll auch der Text der inh_einst_schraube.html formatiert werden.
Hier werden die technischen Eigenheiten der Mission-Einstiegeseite (inh_einstieg_mission.htm) vorgestellt.- Es wird das Erstellen eines Lauftextes mit Hilfe einer Erweiterung des Programms (Marquee) demonstriert.
Angewendete externe Erweiterungen/Features: Lauftext (NewsTicker) erstellen
- GIF-Animation in einer Ebene laden
- ImageMap erstellen
- Auf Mausaktion wird eine Animation sichtbar gemacht (Ebene ein- ausblenden)
- Erstellen einer neuen HTML-Seite und Einbinden einer Flash-Animation in der Seite
- Öffnen eines Popupfensters in Grö0e von 258x258 Pixel, mit der Flash-Animation . Ereignis auf "on click" definiert, mit Hilfe eines ImageMaps
2) Erstellen der Seite mit Einbinden der Flash-Animation. Popup-Fenster Öffnen auf Mausereignis; 14.1 MB, 10'50"
Erstellen, bearbeiten, optimieren und speichern einer GIF-Animation in ImageReady
GIF-Transparenz und transparente Flächen für das Web
- Erstellen der Pfad-Animation
- Erstellen einer neuen Seite mit skalierbaren Hintergrundbild. Anwenden der Dreamweaver-Erweiterung "Fenster schließen".
- Öffnen der Seite mit dem skalierbaren Hintergrundbild in einem Popupfenster. Auf Mausereignis, mit vordefinierte Größe definiert.
Angewendete externe Erweiterungen/Features: Skalierbares Hintergrundbild der Seite hinzufügen, Javascript: Fenster schließen
- Erstellen des Puzzles
- Erstellen der Seite mit dem Puzzle-Vorlagebild. Diese Seite soll immer an der Bildschirm-Oberfläche bleiben (realisiert mit Dreamweaver-Erweiterung "always on top")
- Öffnen der Seite in einem popup-Fenster. Auf Mausereigniss , mit vordefinierter Größe.
- Linkstil für den Text ändern, Aktion "Browserfenster öffnen" zu Link hinzufügen
Angewendete externe Erweiterungen/Features:Geöffnetes Popupfenster - "always on top".
Webordner mit Ausgangsmaterial
Webordner mit den durchgeführten Arbeitsschritte
Texte zu den Einstiegseiten
Animation- und Videodateien
Erweiterung für Dreamweaver: Lauftext
BiIlder für die Popupfester der Inhalt-Einstiegseiten
Erweiterung: Skalierbarer Hintergrundbild
Puzzle-Bilder
Erweiterung: Fenster immer "on top"
Javascript: Fenster schliessen