Zielgruppe

• Bestimmen der Hauptzielgruppe
• Bestimmen der Nebenzielgruppen
• ev. zu berücksichtigende andere Nutzergruppen (z.B. Behinderte)
• gesetzlich Vorgaben (Behindertenzugänglichkeit, ausländische Kunden...)

Funktion der Website

• Was soll die Website erreichen (Werbung, spezielle Informationen)
• Beispiele: Mitarbeiter Daten bereitstellen bzw. Mitarbeiterdaten speichern (Außendienst), Karten bestellen, Hotelbetten buchen...

Grobparameter

• Bestimmte Farb- und Formvorlieben der Zielgruppe? (Kinder - bunt, Technikseiten –seriös...)
• Technische Vorgaben aus Zielgruppe (ältere Nutzer -> größere Schriften, stärkere Kontraste...)
• Corporate Design berücksichtigen (falls vorhanden)
• Berücksichtigung der gesetzlichen Vorgaben (eigenes Impressum, Kontakt, AGBs)
• Welcher Wartungsaufwand (häufige Änderungen, wenig Änderungen, ev. Einsatz eines CMS)
• Welcher „traffic“ ist zu erwarten?
• Welche Ausgabegeräte? Welche Auflösungen?

Technische (Hard- Software) Planung

• Entscheidung für spezielle Technik (Html, Flash, PHP, Datenbank, CMS, Video-Audio)
• Welche Server (Provider, Paketart, Feature wie PHP und mySQL, weitere FTP Zugänge, Real Streaming...)
• Welcher traffic, ev. Eigener Server

Planen der „Architektur“ der Website

• Planen einer Navigationsarchitektur (Verschachtelungen)
• Planen einer Verzeichnisstruktur
• Planen Funktionsstrukturen, Organigramme (welche Scripte greifen aufeinander zu, Datenbankzugriffe)
• Planen der Datenbankstrukturen
• Planung Layoutvorlagen: wie viele verschiedene Seiten, wie viele übergeordnete Layoutelemente (Rahmen, Navigationen, Fußteile), Verschachtelung der Layouts

Verschiedenes

• Festlegung der Namen der Website
• Ev. anzumietende Domains (Schlüsselwörter)
• Ev. Recherchen (Namensrechte, Markenrechte)
• Auflistung des benötigten Materials (Photos, Bildrechte, Texte, Schriften, Pläne....)
• Festlegung von Schlüsselbegriffen (beeinflusst Keywords, Texte, ev. auch die Navigationsstruktur)

Layoutplanung (Entwurf)

• Zusammenfassung der Navigations- Orientierungsblöcke
• Festlegung der Schaltflächenbezeichnungen
• Definieren von Layout-Anforderungen
  • Welche Bildschirmauflösungen
  • Verhalten des Layouts: festes rechtsbündig, sich an Bildschirmauflösung anpassendes Layout, verschiedene Layouts für verschiedene Auflösungen, Ausgabegeräte?
  • Aufteilungen festlegen (Raster)
• Scribbeln der ersten Entwürfe
• Festlegen der Schriften (Überschriften verschiedener Ordnung, Auszeichnungen, Listen...)
• Festlegen von Elementen :
  • Tabellen
  • wie werden Bilder eingebunden
  • Pläne, Übersichten
• Umsetzung der Entwürfe in Grafikprogrammen
• Vorlage beim Kunden
• Nachbesserungen, neue Entwürfe

Umsetzung

• Anlegen der Verzeichnisstruktur
• Anlegen von Dateidummies
• Erstellen der Montage-Vorlagen
• Zerschneiden der Layoutvorlagen, Ausschneiden der Einzelgrafiken
• Zeichnen von Vektorgrafiken (Pläne, Logos etc...)
• Konvertieren - Optimieren der Einzelgrafiken
• Template - Struktur erstellen (Verschachtelungen, bearbeitbare Bereiche definieren)
• Planen der Styles Struktur (übergeordnete Schriften, Schriften in bestimmten Elementen,)
• Planen der CSS Struktur
  • Welche Formatierungen gelten webweit?
  • Welche Formatierungen gelten für Dateiengruppen?
  • Was wird als Klassen formatiert, was über IDs?
  • (welche Formatierung in welche Stylecheet-Datei, welche Datei an welche Templates..)

Templates

• Programmierung der Templates (im Editor)
• Erstellen der CSS Dateien
• Nacharbeiten der CSS Dateien und Templates:
  • Optimierung des Eindrucks des Bildaufbaus (Codeblöcke sortieren)
  • Optimierung für Suchmaschinen (Layer an Dateiende, title-Tags Linkbeschriftungen etc.)
  • Auslagerung häufiger J-Skripte in externe Dateien
  • Auslagerung der Formatierungen von Layern in externe Dateien
  • Zu Alt – Tags zusätzliche title-Tags einarbeiten (Netscape)

Datei“solitäre“ (z.B.Indexdatei, Übersichtsseiten)

• Programmierung der Dateisolitäre
• Nacharbeiten der Dateisolitäre:
• Optimierung des Eindrucks des Bildaufbaus (Codeblöcke sortieren)
• Bei Nutzung gleicher Scripte wie auf den „normalen“ Seiten: J-Scripte in gemeinsam genutzte externe Dateien
• Bei Nutzung gleicher Formatierungen wie auf den „normalen“ Seiten: Auslagerung der Formatierungen von Layern in gemeinsam genutzte externe Dateien
• Zu Alt – Tags zusätzliche title-Tags einarbeiten

„Normale“ auf Templates basierende Dateien

• Skalieren, optimieren des redaktionellen Bildmaterials
• Scannen des nicht digitalen Bildmaterials, skalieren und optimieren
• Einbinden der Bilder, Alt-Tags,
• Einfügen der Texte
• Zuweisen der Texteigenschaften (h und b-Tags, Listen)
• Zuweisen von Styles bei Texten, die nicht durch globale Einstellungen formatiert werden
• Textoptimierung, einarbeiten relevanter Suchbegriffe in die gelieferten Texte
• Textformatierung unter Beachtung der Suchmaschinen
• Bearbeiten der Metatags der einzelnen Dateien
• Bearbeiten der Dateititel (Suchmaschinen)
• Sitemap auflisten und verlinken
• Stimaps für die einzelnen Bereiche

Scripte und Datenbank

• Erstellen der Datenbanken
• Gegebenenfalls Datenübernahme, Einspeisen von Daten
• Installieren eines Verwaltungstools
• Schreiben der Scripte
• Testen der Scripte auf lokaler Maschine
• Einfügen der Scripte in Templates bzw. erstellen der Templates, auf die die Skripte zugreifen
• Testen der fertigen Dateien auf lokaler Maschine

Dokumentation

• Bei Bedarf (große dynamische Seiten) Erstellen von Organigrammen (wie greift wer auf wen zu)
• Ev. liesmich - Dateien in Verzeichnisse

Kontrolle:

• Alle Dateien in der Haupt und den Kategorien - Sitemaps?
• Alle Bilder mit alt- und title- tags?
• robots.txt vergessen?
• Dateititel?
• Metatags?
• Verwaltungs-Verzeichnisse geschützt?
• Verwaiste Dateien?
• gebrochene Links?

Testphase

• technische Prüfung, verschiedene Browser,
• Aufbaugeschwindigkeit, „Performance“...
• Test mit Textbrowser und Sprachausgabe:
  • Navigation leicht?
  • Sprungstellen zur Sitemap?
  • Sprungstellen innerhalb der Datei?
  • Zu lange Textblöcke bis man zur Navigation kommt?
• Nutzbarkeit: verschiedene Nutzer bei Bedienung der Seite beobachten
• Nutzer befragen:
  • was war auf der Seite (alles gefunden?, war da Info zu...)
  • Aufmerksamkeitsschwerpunkte richtig gesetzt?)
  • „Gefühl“ (übersichtlich, interessant)
  • Aufgaben stellen (bitte suchen Sie folgende Info)

Inbetriebnahme

• Hochladen der Dateien auf den Server
• ev. Löschen der Daten der alten Website
• schützen bestimmter Verzeichnisse
• Eintragen in Suchmaschinen
• nach angemessener Zeit analysieren der Logfiles auf Fehlermeldungen