Planung einer Website
    
HOME
ZURÜCK SITEMAP  

 Planung einer Website 03
(blättern)  Seite: 01 02 03

Bei der Planung einer Webseite sollten sie in 3 Schritten vorgehen:
01) Ziel der Webseite feststellen und erste Überlegungen zum Aufbau
02) Planung und Umsetzung des Entwurfs, Seitenaufteilung und Menüführung
03) wirtschaftliche, vorausschauende Vorgehensweise bei der Erstellung


Die Aufteilung des Browserfensters in einzelne Seitenfragmente haben sie nun über Frames, Tabellen und / oder DIV-Definitionen festgelegt. Nun gehen sie daran, die Inhalte für die Seitenelmente zu entwerfen. Die neuen Inhalte ersetzen die zur Zeit dort plazierten Grafiken.





  • Die Titelgrafik muss erstellt werden
  • Ein Untermenü-Muster (mit Dummy-Links) wird entwickelt
  • Das Hauptmenü (mit Dummy-Links) wird fertig gestellt
  • Für die Inhaltsseite wird Kopf- und Fußzeile entworfen (Home, nach oben, ... )
  • evtl. Aufteilung und Spalten festlegen
  • CSS-Formatierungen für die Inhaltsbereich werden festgelegt
  • Musterelemente für die Infospalte werden erstellt
Für unterschiedliche Texte, Überschriften, farbige Balken, Linien und Textverweise werden (mit CSS) Größe und Farben festgelegt. Zu verwendende Grafiken (aus ihrer Sammlung) werden in Farbe + Größe angepasst oder neu entwickelt, und im Order 'grafiken' abgelegt. Der eigentliche Inhaltsbereich wird mit 'Dummy-Text' gefüllt.

Die Navigationen werden entwickelt, Titel- und Fußzeilen berücksichtigt. Dieser Entwurf wird als Musterdatei gespeichert.




   Fließbandarbeit

Wenn sie mit ihrem Entwurf zufrieden sind, geht Dank ihrer Vorarbeit nun (und auch für künftige Erweiterungen) alles recht schnell.

Da sich lediglich der Seiteninhalt ändert und alles andere identisch bleiben soll, speichern sie die Musterseite unter einem neuen Dateinamen ab. Im nächsten Schritt modifizieren sie die Notierungen für den Dateinamen in den Menüs. Wenn sie auf jeder Seite unterschiedliche Grafiken anzeigen möchten, passen sie zunächst den Grafikverweis an.

Wenn sie sehr rationell arbeiten, liegen die zu vewendenden Grafiken bereits alle in gleicher Bildgröße vor. Die Dateinamen dieser Grafiken sind bis auf eine fortlaufende Nummerierung am Ende gleich. So müssen sie in der Musterdatei lediglich die Endnummer ändern, um eine zum Seitenthema passende Grafik einzubinden.

(grafik01.gif, grafik02.gif, grafik04.gif, grafik04.gif, ... )




Dann geht es (für jede neue Seite) weiter wie am Fließband:
  • Musterseite öffnen
  • unter einem anderen Namen speichern
  • Thementext aus ihrer Sammlung kopieren
  • in den Inhaltsbereich einfügen
  • Formatierungen eintragen (Überschriften + Rahmen)
  • evtl. Designelemente (Grafiken) notieren
  • Seite in das Menüsystem einbinden, fertig




Für jede neu erstellte Seite wird in der Navigation der Link entsprechend angepasst.




* * *













Erstellt: 23.02.2004



NACH OBEN