Stephanie's Lernblog

Layout

Hier der Link zum Designentwurf in HTML Tabellenstruktur am Webspace.

Das Design wird sehr schlicht gehalten. Am oberen Bereich befindet sich der Banner inkl. Menüleiste. Im Unterenbereich werden je nach gewählten Link die jeweiligen Inhalte dargestellt inkl. Bilder am rechten Rand (z.Zt. Bilder die aus Platzhalter dienen).

Farbwahl

Da Design sehr schlicht gehalten wird, werden auch die Farben nur dezent eingesetzt. So werden nur Gelb- und Grüntöne verwendet. Gerade diese Farben passen sehr gut zum gewählten Thema - Golf.

Gelb: Ist die Farbe der Sonne und vermittelt dementsprechend Licht, Heiterkeit, Optimismus und Freude. Sie steht auch für Wissen, Weisheit, Vernunft und Logik. Außerdem wird mit Gelb Geschwindigkeit und Schnelligkeit verbunden. Darüberhinaus werden diesen Farben auch noch die
Attribute wie warm, kräftig, anregend und lebhaft zugeordnet. ¹

Grün: Ist die Farbe der Natur, Wiesen, Wälder, Frische, Ruhe, Entspannung und auch Wachstum. Sie wirkt beruhigend und wird assoziiert mit Großzügigkeit, Sicherheit, Harmonie und Hoffnung. ²

Anhand dieser Beschreibungen wurden die zwei gewählten Farben gewählt. Gelb und Grün steht für Sonne und Natur - gerade die Richtigen Elemente für das Golfspiel.

Überschriften werden in Grün gehalten, Hintergrund in Gelb. Der inhaltliche Text wird in schwarz gehalten, damit eine gute Lesbarkeit garantiert werden kann.

Schriftwahl

Für die Homepage wurde eine serifen lose Schrift - Calibri - gewählt. Zudem werden Überschriften Kursiv und Fett bzw. farblich hinterlegt.

Verwendete Farben

(Hexadezimal)

Graphische Gliederung

Die Seite besitzt einen Header-Bereich. Dieser befindet sich im oberen Bereich der Homepage, welche die Navigationsbreich und ein Banner-Bild beinhaltet. Das Banner Bild wurde selbst fotografiert und stellt daher keine richtlichen Schwierigkeiten mit Urhebern dar. Der untere Bereich der Homepage wird den inhaltlichen Textbereich darstellen. Auf der rechten Seite des Content-Bereichs befindet sich eine Bilder-Leiste. Hier werden die beschriebenen Inhalte anhalt der Bilder veranschaulicht. Die Bilder sind in einem kleinen Format dargestellt, klickt man auf das entsprechende Bild, öffnet sich ein Fenster und das Bild wird in einer besseren Darstellung gezeigt. Auf der Startseite der Homepage befindet sich ein Video. Dieses beschreibt noch einmal im Detail wichtige Dinge, die beim Golfspiel beachtet werden müssen.

Hier der Link zum Themenvorschlag

Hier der Link zur HTML5 Struktur

Hier der Link zur fertigen Homepage

Hier der Link zur Videobeschreibung

_________________________

[1] Vgl. http://www.nixberg.at/multiaugustinum/e1amm/stuff/thema_farben.html, Zugriff: 8.6.2011

[2] Vgl. http://www.nixberg.at/multiaugustinum/e1amm/stuff/thema_farben.html, Zugriff: 8.6.2011