Frontpage: Farbe auf die Website bringen

Einfarbige Webseiten wirken meist etwas langweilig, deshalb sollte man den Internetauftritt ruhig etwas mit Farbe gestalten. Eine zu bunte Website ist je nach Zielgruppe aber auch wieder nicht gut, daher ist es am besten man wählt ein Farbschmema zum Beispiel helle und dunkle Töne einer satten Farbe wie Grün, Blau oder Rot oder ein Zwei-Farbschema. Durch Farben kann man die Website sehr freundlich gestalten. Es gibt aber auch ein paar Farbkombinationen, die ma auf jeden Fall vermeiden sollte nämlich rot auf grün, blau auf grün, blau auf rot, grün auf rot sowie rot auf blau und grün auf blau. Diese Farbkombinationen lassen sich äußerst schlecht lesen wie man in der folgenden Abbildung sieht.

Darstellung: Unpassende Farbkombinationen

Ansonsten kann man mit Farben sehr kreativ werden, man sollte aber immer die Zielgruppe im Blickpunkt behalten.

Textfarbe und Hintergrund gestalten und aufeinander abstimmen

Um ein Wort oder einen Textabschnitt mit einer bestimmten Farbe zu versehen markiert man den Text und wählt in der Werkzeugleiste die gewünschte Farbe aus. Mit Microsoft FrontPage kann man hinter einen ausgewählten Text auch ein Bild oder eine Hinterrundfarbe legen. Dazu wird im Entwurfsmodus der entsprechende Textabschnitt markiert und dann in der Menüleiste Format -> Rahmen und Schattierung ausgewählt. Auf der zweiten Registerkarte lassen sich die Optionen für das Hintergrundbild beziehungsweise für die Hintergrundfarbe einstellen.

Darstellung: Textfarbe und Hintergrund gestalten und aufeinander abstimmen

Auch Rahmen kann man sich um einzelne Wörter oder ganze Absätze anzeigen lassen. Diese lassen sich im Dialogfenster Rahmen und Schattierung auf der ersten Registerkarte Rahmen einstellen.

Hat man nun den Text farblich angepasst und möchte nun die Hintergrundfarbe ändern, dann ist es wichtig die Hintergrundfarbe farblich an die Textfarbe anzupassen. Einmal abgesehen von den Beispielen im Abschnitt "Farbkominationen, die man vermeiden sollte" kann man eigentlich sehr viele Farbkombinationen wählen. Am besten eignen sich Farbabstufungen im gleichen Farbton, wie zum Beispiel ein helles Blau als Hintergrundfarbe und ein kräftiges Blau als Textfarbe. Um auf einer Webseite eine Hintergrundfarbe einzustellen gibt es zwei Möglichkeiten: Im Entwurfsmodus klickt man mit der rechten Maustaste auf die geöffnete HTML-Seite, daraufhin öffnet sich ein Auswahlfenster. In diesem Fenster wählt man Seiteneigenschaften aus.

Darstellung: Seiteneigenschaften

Daraufhin erscheint das Dialogfenster Seiteneigenschaften mit mehreren Registern. Im zweiten Register kann man unter Farben die Hintergrundfarbe, wie auch die Farben für Text und Hyperlinks einstellen. Darüber befinden sich die Einstelloptionen für ein Hintergrundbild oder ein Wasserzeichen. Ein Wasserzeichen ist ein nicht scrollbares Bild das im Hintergrund angezeigt wird. Der HTML-Code für ein Wasserzeichen als Hintergrund-Bild könnte folgendermaßen aussehen:

Bei der Auswahl des Hintergrundbildes, egal ob Waserzeichen oder nicht, sollte man bedenken dass kleine Bilder gekachelt werden, das heißt die ganze Hintergrundfläche wird mit dem sich immer wiederholenden gleichen Bild befüllt. Als Wasserzeichen eignen sich halbtransparente Bilder. Hat man gerade kein durchscheinendes Bild parat, dann kann man das Bild welches als Wasserzeichen verwendet werden soll auch in FrontPage aufhellen. Die zweite und schnellere Möglichkeit zu den Einstelloptionen für den Hintergrund zu gelangen wäre, wenn man in der Menüleiste unter Format -> Hintergrund auswählt, denn mit dieser Auswahl wird gleich die richtige Registerkarte für den Hintergrund geöffnet.

Darstellung: Hintergrundeigenschaften

Es kann sein dass auf der Seite ein Theme eingestellt ist und dadurch die Auswahl einer Hintergrundfarbe beziehungsweise eines Hintergrundbildes nicht möglich ist. Um den Theme zu ändern oder abzustellen wählt man im Menü unter Format -> Theme aus. Auf der rechten Seite öffnet sich dann ein Fenster mit zahlreichen Theme-Templates. Diese Vorlagen sind farblich gut aufeinander abgestimmt.

Darstellung: Theme-Icon

Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.

Weiterlesen: ⯈ Navigationselemente

Über uns

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Frontpage: Farbe auf die Website bringen

Textfarbe und Hintergrund gestalten und aufeinander abstimmen

Über uns

Cookie-Einstellungen