Konzeption und modellgetriebene Entwicklung eines ...

78 KAPITEL 5. ENTWURF UND IMPLEMENTIERUNG
5.8.2 Die Aufteilung der Seiten
Für das Aussehen der Webseiten wurde eine klassische Dreiteilung gewählt
(siehe Abb. 5.12). Der Header ist inhaltlich nicht von Bedeutung, erfüllt
aber, neben den ästhetischen Gründen, die Bedingung der Nennung der das
Projekt fördernden Gerda Henkel Stiftung[15]. Der Hauptteil der Navigation
wird durch das Menü ermöglicht, der Inhalt wird in dem Content-Bereich
dargestellt. Diese Aufteilung ermöglicht eine schnelle Einarbeitung und ein
einfaches Verständnis, da es eine gängige Darstellung ist.
Die Aufteilung der Seiten ist in der Datei main-layout.jsp festgelegt. Darin
werden die CSS-Skripte und JavaScript-Dateien eingebunden und die drei
Bereiche definiert.
Abbildung 5.12: Die Aufteilung der Webseiten.
5.8.3 Änderungen an den generierten Seiten
Stylesheets
Die von AndroMDA generierte Oberfläche wird, wie bei Webseiten gängig,
über CSS gestaltet. Um die Kontrolle über die Gestaltung der Seiten zu erhalten,
werden die generierten CSS-Dateien (Stylesheets) überschrieben.
Geändert wurde die durch AndroMDA generierte Aufteilung der Seite, weil
diese nicht immer übersichtlich war. Der Content wurde vom Browser unter
dem Menü gezeichnet, wenn die Ansicht nicht breit genug war. Deshalb wurden
die Stylesheets so verändert, dass die Bereiche Header und Menü feste
Grenzen bekamen und alle Bereiche feste Positionen auf der Seite besitzen.