Planung einer Website
    


HOME

ZURÜCK SITEMAP  

 Planung einer Website 01

(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


Ob es nun eine erste Seite werden soll oder ihre Seite ein Redesign benötigt, es lohnt immer vorab ein wenig Zeit für die Planung zu investieren. Die Schritte der Planung wiederholen sich für jeden neuen Entwurf und jedes Webseitenthema. Ich möchte ihnen lediglich etwas zu meiner Methode, den Überlegungen zum Designs und der Vorgehensweise bei der 'Herstellung' beschreiben.

  • Was will ich mit der Webseite erreichen? - Ziel (inhaltsabhängig)
  • Wie soll das Design der Seite aussehen? - Farben, Navigation, Abmessungen, ...
  • Wie werden die einzelnen Seiten mit Leben gefüllt? - Herstellung im identischen Look

   Mein Grundsatz

Für die Entwicklung einer neuen Seite gibt es eine bewährte Vorgehensweise, soll ihre Arbeit von Erfolg gekrönt sein (Heute kann ich leicht reden, war ich doch zu Beginn meiner HTML-Experimente viel zu ungeduldig, um mich an solche Regeln zu halten). Seien sie vernünftiger als ich und denken erst einmal gründlich nach.

Da ich sämtliche Seiten mit einem simplen HTML-Editor erstelle und Seitenelemente nicht einfach mit der Maus hin- und herschieben kann, ist eine wirtschaftliche Arbeitsweise angeraten. Ich erstelle eine Musterdatei (als Basis jeder Seite vorgesehen), in die ich später die unterschiedlichen Seiteninhalte einkopiere.

Nach den ersten Überlegungen entwerfe ich eine Musterseite mit funktionierenden seiteninternen Links und korrekten Abmessungen. Für den Entwurf dieser Musterseite nehme ich mir viel Zeit. Schließlich möchte ich (möglichst) nur an dieser Musterseite herumprobieren und experimentieren. Nicht hinterher an den 50 fertigen Seiten alles nachtragen und ändern.


Überlegungen + Vorgehensweise:


   Was wollen sie?

Welche Informationen wollen sie im Netz veröffentlichen? Was möchten sie mit ihrem Projekt erreichen?


  • ihr Hobby vorstellen
  • spezielles Wissensgebiet vorstellen
  • Produkte und Dienstleistungen anbieten
  • als Einrichtung Arbeitsbereiche vorstellen
  • als Verein Aktivitäten veröffentlichen
  • Reiseberichte publizieren

   Wen wollen sie erreichen?

Welchen Personenkreis möchten sie adressieren? Welche Besucher-, Benutzergruppe(n) erwarten sie als Seitenbesucher?



  • Hobbytreibende und Gleichgesinnte
  • Kunden und Käufinteressenten
  • Hilfe- und Ratsuchende
  • Fachleute oder Laien?
  • Kinder, Schüler, Jugendliche, Erwachsene
  • lokal, regional, überregional, weltweit?

   Daten- und Bildquellen?

Wenn sie ihre eigenen Rezepte oder Gedichte veröffentlichen möchten, ist die Frage nach den Textquellen natürlich überflüssig.

Zur Ausschmückung der Seiten wären Grafiken und (eigene) Fotos vorteilhaft. Bei der Planung der Inhalte sollten sie ihre Texte und passende Grafiken erst einmal zusammenstellen und in digtaler Form ablegen.
  • Texte für den Seiteninhalt
  • zum Thema passende eigene Fotos
  • lizenzfreie Fotos (z.B. www.pixelio.de)
  • lizenzfreie Grafiken (z.B. www.kneller-gifs.de)
Die Fotos und Grafiken werden sie später evtl. in Größe und Farbe dem geplanten Design anpassen müssen.

Später bei der Feinarbeit benötigen sie außerdem eine Sammlung der üblichen Mini-Grafiken wie Pfeile, Aufzählungszeichen und kleine 'Blickfänger'. Die gibts kostenlos im Netz. Die Auswahl dieser Grafiken treffen sie erst, sobald sie sich für die Farbgebung ihrer Seite entschieden haben.


   Inhalte: Aufbau Struktur und Gliederung

Überdenken sie den Aufbau und die Struktur ihrer Seite und lassen sie viel Platz für spätere Erweiterungen. Ähnlich der Menüstruktur sollten sie ihr Ordner- und Unterordnersystem für die Homepage anlegen.

Wenn die Gliederung feststeht, ist es an der Zeit sich auf eine Navigation festzulegen. Wenige Seiten kommen mit nur einem Menü aus, eine deutlich strukturierte Seite erfordert eine Navigation mit einem Hauptmenü und mehreren Untermenüs.


   Design und Aufteilung

Die Aufteilung der Seite hängt von technischen und geschmacklichen Faktoren ab und ist daher einem dauernden Wandel unterlegen.

Dabei müssen die dem Seitenbesucher zur Verfügung stehenden technischen Mittel (Bildschirmbreite) berücksichtigt werden. Waren das vor 5 Jahren noch 800 Pixel Bildschirmbreite, ist der Standard mittlerweile bereits 1024 und mehr. Seien sie dabei aber nicht zu großzügig, nur weil an ihrem Arbeitsplatz 1600 Pixel Flachbildschirme stehen. Die 'großen' Seiten (z.B. Google) machen es vor: Oft wird noch 'für 800-Pixel-Besucher designed' und auf jeglichen Schnik-Schnak verzichtet.

Eine 3-spaltige Aufteilung für 1024 Pixel ist allerdings zeitgemäß! Unten sehen sie eine Grafik mit den Daten der Bildschimeinstellungen, ermittelt aus den Seitenstatistiken meiner Besucher. Stand Januar 2008. Der Prozentsatz der Seitenbesucher, die heute mit weniger als 1024 Pixel Anzeigebreite kommen, ist also weit geringer als 4,82 %, da die Statistik ein Mittel der letzen 9 Jahre anzeigt.




   Erster Entwurf

Der erste Entwurf wird auf Papier skizziert. Möglicherweise für eine 1024 Pixel breite Darstellung. Die Abmessungen für vorgesehene Spalten und Menübereiche sollten bereits jetzt berücksichtigen.



Machen sie sich einige Notizen zu den einzelnen Themen und Unterthemen, die sie auf der Webseite präsentieren wollen. Wenn es auf ihrer Seite mehrere Rubriken geben soll entscheiden sie, in welchem Menü die einzelnen Seiten verlinkt werden sollen.


Beispiel Menüsystem und Rubriken




An dieser Stelle rate ich dazu, alles weitere auf den nächsten Tag zu verschieben oder zumindest eine längere Pause einzulegen.


* * *






  Pause    @______@______@______@______@______@______@______@


Es ist nun an der Zeit sich ein weing zurück zu lehnen, gönnen sie sich eine erste Pause. Sie wollten doch eh die Kaffeemaschine einschalten.

Legen sie ihren Entwurf möglichst vielen Personen vor, lassen sie Kritik zu, nicken freundlich und wägen ab, ob gehörte Vorschläge in ihr Vorhaben passen.

Wenn sie durchgehalten haben und bis zu diesem Zeitpunkt ihr Rechner ausgeschaltet bieb, darf ihr Monitor von nun an die Web-Toolbox-Wallpaper anzeigen:

zum Download Banner + Wallpaper



Erstellt: 23.02.2004



NACH OBEN