Aufgaben zum Webdesign

1.

Erstelle eine Webseite zum Thema Bären. Material findest Du unter \\odin\lehrer\schoedl\Frontpage\FP_Uebungen\Baeren. Es müssen zumindest 3 Inhaltsseiten aufgebaut werden.  

a) Erstelle ein Frameset zur Navigation, benütze interaktive Buttons zum Aufbau der Navigationsleiste! 
b) Erzeuge entsprechende Seiten, füge Text,  Bilder und Videos ein. 
c) Verwende ein Stylesheet zu Formatierung. Besprich die Grundlagen der css Syntax.

2.

Erstelle eine Album zum Thema Vögel  auf der Basis einer Layouttabelle. Verwende als Material   \\odin\lehrer\schoedl\Frontpage\FP_Uebungen\Voegel. 

1. Die Layouttabelle soll aus mindestens 3 Layoutzellen aufgebaut werden.

2. In einer Layoutzelle werden Minibilder von  3 Vögeln gezeigt. Unter den Bildern befindet sich ein Link „ Stimme anhören“.

3. Als Intro wird in einer weiteren Layoutzelle das Video Adler.wmv gezeigt.

4. Durch Klick auf  das Minibild wird der Vogel in voller Größe angezeigt – ersetzt das Video!

5. Durch Klick auf den Link „Stimme anhören“  wird das Soundplugin in einer weiteren Zelle eingeblendet das die Vogelstimme spielt.

6. Durch Doppelklick auf das Bild soll sowohl Sound als auch Bild ausgeblendet werden.

7. Es werden auch Textinformationen angeboten

3. 

Erstelle eine Webseite mit frei gewähltem Thema. 

• Die Startseite ist mit einer Tabelle angelegt, die unsichtbar die Formatierung der Seite übernimmt
• Es wird über ein Banner auf 3 darunterliegende Seiten verzweigt .
• Jede Seite beinhaltet Text und Grafik , die Positionierung erfolgt mit Tabellen.
• Jede Seite beinhaltet einen Back Link
• Die weitere Gestaltung der angewählten Seiten ist freigestellt.

 4. 

Erstelle eine Webseite mit einer Startseite  in der über Schalter mit Hoverfunktion auf 3 darunterliegende Seiten verzweigt wird. Ein externes Stylesheet ist dafür zu verwenden.

Seite 1: Titelseite– Schatten oder überlagerte Texte, grafische Effekte 
Seite 2: Zeitungssatz, 3 Spaltig mit Grafik 
Seite 3: Text mit Einrückung links und rechts, Erstzeileneinzug und umrahmt.