Paul Hackenberger 
Version vom: $Date: 2001/02/28 16:15:11 $

Design Richtlinien

Projektdokumentation | Projekthandbuch | Programmierrichtlinien | Designrichtlinien

Zurück Hauptseite

  1. Einleitung
  2. Designelemente
  3. Seitenansicht
  4. Benutzung
  5. Probleme

 Einleitung

Um der Projektdokumentation ein einheitliches Aussehen zu geben, gibt es Design Richtlinien, die von allen Beiträgen eingehalten werden sollten.
Der dafür notwendige Formatierungsaufwand wird so gering wie möglich gehalten, indem lediglich eine StyleSheet Datei, die eine Definitionen der Visualisierung der einzelnen Standard-HTML-Tags enthält, in jede HTML Seite eingebunden wird.
Die Verfasser neuer Dokumente müssen also nicht selbst auf die verschiedenen Farbgebungen achten, sondern nur darauf, ungestylte Dokumente, d.h. Dokumente, die neben den reinen HTML Formatierungstags keine weiteren Formartierungsanweisungen enthalten, zu entwerfen und nach Fertigstellung die StyleSheet Datei in das HTML Dokument zu importieren.

Der Internet Explorer 5.0+ und Netscape Navigator 4.7+ unterstützen das Design.


 

Designelemente

Standard HTML-Tags werden wie folgt visualisiert:

Element Standard-Tag Visualisierung
Hyperlink <a href="zielurl"></a>
Hyperlink
Hyperlink, aktiv <a href="zielurl"></a>
Hyperlink
Hyperlink, besucht <a href="zielurl"></a>
Hyperlink
Überschrift 1 <h1></h1>

header 1
Überschrift 2 <h2></h2>

header 2
Überschrift 3 <h3></h3>

header 3
Tabellenüberschrift <th></th> table header


 

Seitenansicht

Ein typisches Projektdokument hat folgenden Aufbau:
Oben links in der Ecke steht der Autor des Dokumentes, verlinkt mit der eMailaddresse, rechts in der Ecke steht die Zeit, zu der das Dokument als letztes verändert wurde, die einen Rückschluss auf dessen Aktualität zulässt. JavaScript erledigt das Ermitteln der letzten Speicherung der Seite automatisch.
Es folgt die Überschrift, die oben und unten von Linien umrahmt wird.
Unter der Überschrift stehen zwei Navigationslinks; der Link "Zurück" zeigt das vorherige Dokument an, während "Hauptseite" zur Projekthauptseite führt.
Der eigentlich Text der Seite, der 90% der Seitenbreite ausfüllt und zentriert dargestellt wird, sollte mit einer verlinkten Gliederung beginnen, die die einzelnen Punkte direkt zugänglich macht.
Abgeschlossen wird das Dokument von weiteren Navigationslinks (Top: zurück zum Anfang der Seite) und einer Linie.


 

Benutzung

Es existiert ein standardisierter Prototyp einer Projektseite, der als Grundlage für neue Dokumente genutzt werden kann.
Will man diesen Weg nicht gehen, oder existiert bereits eine Seite, die man an das Projektdesign anpassen will, sind folgende Schritte notwendig:
  1. Prototyp der Projektseite und anzupassendes Dokument in einem Editor öffnen
  2. Zeichenkette text in dem Prototypen mit dem body des Dokumentes ersetzten
  3. Autor, Titel und die Hauptüberschrift des Prototypen anpassen
  4. Prototypen unter neuen Namen speichern


 

Probleme bei der Darstellung des Designs

  • Problem: Der Netscape Navigator schaltet nach dem Einfügen einer Tabelle die font-family zurück zum Standardfont.
    Lösung: Das Einfügen von Tabellen kann verhindert werden, indem man eine neue Tabellenreihe (<tr>) mit entsprechend vielen neuen Tabellenzellen (<td>) in der Haupttabelle beginnt (Achtung End-Tags nicht vergessen: </td></tr>).
    Hilfreich können dann die Tabellenzellenattribute colspan und rowspan sein.

Zurück Top Hauptseite