Lernblog von Munz Alex

Die geplante Webseite dient zur Veranschaulichung des Webauftritts einer fiktiven Freiwilligen Feuerwehr in Oberösterreich.

Zielgruppe und Zielsetzung

Vorrangig richtet sich diese Seite an die Bevölkerung der Gemeinde in der die Feuerwehr Dienst verrichtet. Ziel dieses Webauftritts der Freiwilligen Feuerwehr ist es, die Organisation in der Gemeinde zu präsentieren und über laufende Aktivitäten, stattfindende Veranstaltungen sowie vorgefallene Einsätze zu informieren.

Unter der Rubrik Terminkalender werden kommende Termine für Übungen und Schulungen veröffentlicht. Diese richten sich an die Mitglieder der Feuerwehr.

Menüpunkte und Inhalt

• Home: Unter dieser Rubrik werden News und alltägliche Mitteilungen der Organisation veröffentlicht.

• Die Feuerwehr: Veröffentlichung allgemeiner Informationen zur Feuerwehr. (Funktionsträger der Organisation, Gründung und Geschichte der Feuerwehr, usw.)

• Fuhrpark / Ausrüstung: Unter dieser Rubrik findet eine Beschreibung der vorhanden Fahrzeuge und Einsatzmittel statt.

• Einsätze: In diesem Bereich werden vergangene Einsätze detailliert mit Texten und Fotos dokumentiert.

• Übungen: Hier werden Fotos bzw. Videos von den diversen Übungen veröffentlicht.
  

• Terminkalender: Diese Rubrik bietet dem Besucher eine Auflistung kommender Termine, Veranstaltungen, Übungen und Schulungen der Feuerwehr.

• Kontakt / Impressum

Navigation

Die einzelnen Menüpunkte werden horizontal angeordnet.

Wording

Die Webseite präsentiert sich in formellen Stil.

Bei der Beschreibung einzelner Einsätze ist es wichtig, sachlich und wertungsfrei zu dokumentieren.  Auf Wahrung der Anonymität von Beteiligten bzw. Opfern ist dabei zu achten.

Screen-Design

Die Webseite wird in vier vertikal aufeinander folgende Bereiche unterteilt.

 

• Header: Darstellung des Feuerwehr Korpsabzeichens, dem Logo der Feuerwehr 0815 sowie einiger mittels Adobe Flash animierter Bilder.

• Navigationsleiste: Die einzelnen Menüpunkte werden hier horizontal aufgelistet und verlinkt.

• Content: Dieser Bereich dient zur Darstellung der Inhalte.

• Footer: In der Fußzeile werden Angaben zum Herausgeber der Seite veröffentlicht.

 

Die Webseite wird zentriert mit einer Breite von 800px dargestellt. Diese Breite wurde gewählt um die Seite auch auf allen gängigen Netbooks übersichtlich darstellen zu können. Die Höhe paßt sich  dem Inhalt an. Vertikales Scrollen ist demnach möglich.

Schriftart

Für gesamte Darstellung wird folgende Schriftfamilie gewählt: Veranda, Helvetica, Arial, sans-serif;

Farben

Bei der farblichen Gestaltung der Webseite werden hauptsächlich Übergänge von Grau, Schwarz, Weiß und Rot verwendet.

Farbe /Farbcode
000000	Text; Überschrift h1; Rahmen;
ad0202	Links; Menütext; Überschrift h2; Menütext-Hintergrund bei mouseover;
e3e0e0	Content-Hintergrund; Menütext bei mouseover;
ffffff	Body-Hintergrund;
ad0202	Basis für Rot-Verlauf;
e3e0e0	Basis für Grau-Verlauf;

 

Dieser Link führt zum grafischen Entwurf der Webseite.

 

Gestaltung des "Rohentwurfes"

Der folgende Link führt zum fertig gestalteten Rohentwurf der Webseite. Die momentan enthaltenen Inhalte dienen ausschließlich zur Darstellung der einzelnen festgelegten CSS-Stile.

Hier gehts zum Rohentwurf...

Die Webseite wurde im Editor des Adobe Dreamweaver CS4 erstellt. Es wurde darauf geachtet, dass eine strikte Trennung von Inhalt und Design mittels CSS eingehalten wurde.

 

Als Header dient eine in Adobe Flash CS4 erstellte Animation.

Es werden dabei vier Fotos nacheinander eingeblendet. Die Flash-Datei greift dabei auf einen eigenen Ordner zu, aus dem die JPG-Dateien für die Animation verwendet werden. Demnach können die Fotos vom Webmaster jederzeit durch aktuelleres Bildmaterial einfach ersetzt werden.

Die Bildfolge läuft bei jedem Aufruf der einzelnen Seiten nur einmal ab, um nicht die Aufmerksamkeit vom eigentlichen Inhalt der Webseite abzulenken.

 

 

Die fertige Webseite

Hier gehts zur fertigen Webseite...

 

Das fertige Video

Leider funktioniert momentan die Verbindung über NetStorage zu meinem Webspace an der JKU nicht, daher stelle ich das abschließende Video hier online.

 

Dieses Video wurde im Rahmen einer Übung der Freiwilligen Feuerwehr Polsing aufgenommen.

Es steht unter einer Creative Commons Lizenz.

Die Aufzeichnung entstand mittels eines digitalen Camcorders (JVC GR-DVL109.

Die Hintergrundmusik wurde von www.jamendo.com bezogen. Song: Zionoiz - Quecksilver

Das Video entstand mittels folgender Software:

• Adobe OnLocation CS4
• Adobe After Effects CS4
• Adobe Photoshop CS4
• Adobe Soundbooth CS4
• Adobe Premiere Pro CS4
• Autodesk 3ds Max 2010

 

______________________________________