Nun beginnt man anhand dieser Skizze das Layout der Seite zu entwerfen. Dabei stellt sich eine wichtige Frage, verwendet man Frames oder nicht? Was bedeutet überhaupt Frames?
Dies bedeutet, dass die relativ speicheraufwendige Navigationsleiste nicht erneut geladen werden muss, was bei einer Homepage ohne Frames notwendig wäre.
Der Nachteil der Frames besteht darin, dass der ganze Aufbau der Seite wesentlich unübersichtlicher wird. Um beispielsweise die Oben abgebildete Seite zu veröffentlichen, müssen 5 verschiedene Dateien abgespeichert werden. Die blau markierten Teile der Seite bilden jeweils einen Frame. Dazu kommt eine Datei in welcher die Information abgespeichert wird wo welcher Frame stehen soll (genannt Frameset).
Würde man die gleiche Seite ohne Frames darstellen, müsste man zwar nur eine Datei abspeichern, allerdings wäre es nicht möglich ein Menü am unteren Rand des Bildes zu platzieren.
Wie man sieht haben wir uns für Frames entschieden. Insbesondere darum, weil wir die Navigationsleiste unbedingt am unteren Rand haben wollten. So unterscheidet sich unsere Homepage von den meisten anderen Homepages bei welchen sich die Navigationsleiste am linken Rand der Seite befindet.
Die Navigationsleiste entstand in Flash 5. Jede der drei Menüpunkte Kontakte, das Projekt und die Doku bildet eine eigene Flashdatei, die anschliessend in Dreamweaver eingefügt wurde.
Nun ging es darum sämtliche Frames zu erstellen. Als erstes erstellten wir den "Bottomframe" mit der Navigationsleiste. Auf Grund dieser Navigationsleiste erstellten wir anschliessend den Left- und den Topframe sowie den Frameset. Der Mainframe wird nicht separat abgespeichert, da hier später die verschiedenen Dateien abgespeichert werden sollen!
Hat man die Navigationsleiste erstellt und die Frames abgespeichert, ist die Layoutarbeit abgeschlossen. Wichtig ist nur noch, dass die "Inhaltsseiten" die später entstehen optisch in den gesamten Frameset passen.
|