 |
Beispielseite 1
Beispiel für die Gestaltung mit Hintergrundbildern, Hintergrundfarben und farbiger Umrandung. Im Headerbereich ist eine Grafik eingefügt, die zurvor in einem Bildbearbeitungsprogramm erstellt und als JPG abgespeichert wurde. Der Footerbereich wurde mit einem Farbton aus der Headergrafik gefüllt, ebenso der Browserhintergrund. Der Bereich des Menüs und des Contents bleiben weiss, heben sich dadurch optisch hervor und unterstüzten die Lesefreundlichkeit der Seite. |
Beispiel für ein Seitenformat mit fester Breite von 900 Pixeln und flexibler Höhe. D.h. sobald der Contentbereich die Bildschirmgröße überschreitet erhält man am linken Rand des Browserfenster einen Scollbalken. - Beispiel für eine Farbgestaltung mit kalten Farbtönen, die gewählt wurden um Sachlichkeit, Seriösität und Ruhe auszustrahlen.
Als Schriftart wurde für das Menü, die Überschriften und den Footer die Times gewählt, die die o.g. Attribute zusätzlich unterstreicht. |
| Als Textschrift wurde die Arial gewählt. Die Lesbarkeit sollte bei längeren Texten stets im Vordergrund stehen und eine serifenlose Schrift ist auf dem Bildschirm besser lesbar wie eine Serifenschrift. - Das Seitenlayout besteht aus 3 Spalten und 3 Zeilen. Die erste Zeile enthält drei separate Spalten, während in der zweiten Zeile diese zu einer und in der dritten Zeile zu zwei Spalten zusammengefasst wurden. Ausserdem sehen Sie in der dritten Spalte ein Beispiel für eine Listenansicht, für die es verschiedene Möglichkeiten der Nummerierung gibt. |
Listenelemente
- Eine Möglichkeit eine Aufzählung verschiedener Fakten opitsch hervorzuheben ist die Listenfunktion mit Hilfe von Punkten.
- Eine andere Möglichkeit ist die Nummerierung mit Hilfe von Zahlen. Hierbei stehen Ihnen natürlich sowohl die arabischen wie auch die römischen Zahlen zur Verfügung.
- Wenn Sie mit der rechten Maustaste in eine Liste klicken, erreichen Sie ein Untermenü in dem Optionen vergeben werden können.
Um einen Abschnitt zu Nummerieren muß dieser zuvor in einen Absatz umgewandelt werden. Gehen Sie hierbei wie folgt vor:....
|
 |
|