Webseitengestaltung —
Zwischen Projektmanagement, Sprache, Kunst und Technik
 
 


HOME

Was ist das eigentlich – Internet ?

Warum eine Internetpräsenz ?

Welche Website Typen gibt es ?

Was macht eine Website erfolgreich ?

Was sind die wichtigsten Stilelemente ?

      Web vs. Printdesign
      Schrifttypen
      Farben
      Navigation
      Linkstyles
      Texte und Tabellen
      Grafiken
      Icons & Favicons
      Gestaltung und Technik

Wie stelle ich eine Website her ?

Was ist Web 2.0 ?

Welchem Recht unterliegt meine Site ?

Hello World - kommt alle zu Besuch !

Was sind die wichtigsten Stilelemente?

Stilanforderungen können sich durch die Zuordnung einer Site zu einem bestimmten Typ von Seite oder durch eine bereits vorhandene Corporate Identity ergeben, sie können sich aber auch aus der Analyse ergeben - als Anbieter von Umweltprodukten muss ich bspw. darüber nachdenken, ob nicht der durchschnittliche Mensch bei Umweltschutz an die Farben blau und grün denkt. Da der Stil einer Seite immer präsent ist, und er nicht nur die Inhalte unterstreicht, sondern er auch eine eigene Botschaft vermittelt, bildet der Stil genau wie der Name und die TLD eine Meta-Aussage zur Internetpräsenz, und je schlüssiger alle Elemente einer Website sich in diesen Stil fügen, desto stärker wird diese Aussage von Besuchern einer Seite auch positiv wahrgenommen.

Um einen Stil für eine Site festzulegen, erstellt man am besten einen so genannten Style Guide, ein Dokument, das neben einer Beschreibung der Soll-Idee der Internetpräsenz Aussagen zu allen gestaltenden Elementen der Website - Sprache, Texte, Überschriften und Schriften, Farben und Grafiken, eingesetzte Techniken etc. - enthält. Auf diese Weise kann man während der Programmierung immer wieder auf einen Blick sicherstellen, ob man noch im selbst festgelegten Design arbeitet, oder davon abgewichen ist. Am besten legt man für eine ganze Site geltende Stile auch gleich in einem Cascading Style Sheet, dem .css file, fest, dies macht dann das Change Management wesentlich einfacher.

Beispiel: Ausschnitt aus CSS von Loudoun Commercial Title, LLC

<style type="text/css">
<!--
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
}
.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333
}
.titel {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #34754D; font-weight: bold; }
.Signal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #990000;
font-weight: bold;
}
(...)
(...)
-->
</style>

 

 
 
Web Contact
Copyright © 03/2008 Angelika Kirchmeyer, Quappa Inc. All rights reserved. http://www.quappa.com