Kurzübersicht der Arbeitsschritte

Die Erklärungen erfolgenden anhand eines Beispiels. In diesem Beispiel gehe ich von einer Dreiteilung des Bildschirms aus:

  • Oben ein Bannerbereich, der sich über die gesamte Bildschirmbreite ersteckt
  • darunter links der Navigationsbereich
  • rechts neben dem Navigationsbereich der Bereich für die eigentlichen Inhaltsseiten

Jedem der einzelnen Bereiche wird ein anderer Style zugeordnet. Das ist nicht zwingend notwendig, verdeutlicht aber besser die Wirkungen.

Vor der Erläuterung der einzelnen Arbeitsschritte zunächst ein zusammenfassender Gesamtüberblick des Vorgehens: