Regeln für den Layoutvorschlag

Übersicht: Regeln für den Layoutvorschlag

• Verwendung von Dateinamen
• Hierarchische Gliederung und Navigation
• Verwendung von Zeichenformaten
• Verwendung von Listen
• Verwendung von Tabellen
• Einbindung von Grafiken
• Sonstige Regeln

• Ein Seminarthema umfaßt eine individuelle Anzahl von Kapiteln (optimal 5-8) mit jeweils einer individuellen Anzahl von Unterkapiteln (optimal 3-6).
• Die Kapitel repräsentieren die erste Ebene und die Unterkapitel die zweite Ebene.
• Alle Gesamtübersichten sollen jeweils durch eine ungeordnete Liste dargestellt werden.
• Nur für die Kapitel der werden einzelne HTML-Seiten vergeben.
• Die übergeordnete HTML-Seite mit der Gesamtübersicht (siehe Verwendung von Dateinamen) listet genau die erste und die zweite Ebene auf, wobei Links hier nur für die erste Ebene vorgesehen sind.
• Die einzelnen HTML-Seiten für die Kapitel enthalten jeweils eine spezielle Kapitelübersicht, welche die lokalen Verweise auf die jeweiligen Unterkapitel enthält. In Einzelfällen kann die Kapitelübersicht auch um eine dritte Ebene ergänzt werden, wobei für diese Ebene keine Navigation vorgesehen ist.
• Am Anfang und am Ende jeder HTML-Seite sollen die ständigen Links, mit denen man die jeweils höhere Ebene erreicht, sichtbar sein.
• Am Ende jeder HTML-Seite soll man per Mausklick wieder an den Seitenanfang gelangen können.
• Eine HTML-Seite sollte jeweils eine angenehm durchblätterbare Länge haben, d.h. nicht zu lang und auch nicht zu kurz sein. Bei langen HTML-Seiten darf optional in der Mitte der Seite die Linkzeile eingefügt werden, die am Ende der HTML-Seite zwingend vorhanden sein muß.
• Das Seminarverzeichnis soll grundsätzlich immer direkt erreichbar sein.
• Nach der Anwahl eines einzelnen Kapitels soll die Möglichkeit bestehen, direkt das nächste Kapitel anwählen zu können.
• Ein einzelnes Kapitel soll jeweils mit einem ordentlichen Absatz und einer horizontalen Linie abschließen.
• Sprungnamen sollen so lauten wie die zugehörigen Unterkapitel.
• Die Gestaltung der globalen und lokalen Links sowie die Gestaltung der Übersichten soll entsprechend diesem Layoutvorschlag erfolgen, wobei hierzu dieser Layoutvorschlag als Gerüst kopiert werden sollte, um anschließend die neue Gliederung einarbeiten zu können.
• Zwingend vorgeschrieben ist ein letztes Kapitel 'Literaturverzeichnis', das ggf. auch Links zu anderen Servern enthalten soll. Die Gestaltung dieses Literaturverzeichnisses soll sich ebenfalls exakt an diesem Layoutvorschlag orientieren.

• Der Fließtext bzw. die Masse des Textes soll überwiegend in der Normalschrift (vom Browser abhängig) dargestellt werden.
• Markante Wörter sollen in Breitschrift und einzelne wichtige Satzteile unterstrichen werden.
• Die Kursivschrift soll im Fließtext sachliche Zusammenhänge abgrenzen.
• Überschriften sind ausschließlich für die Gliederung reserviert, wobei die Überschrift einer HTML-Seite zentriert in der Größe <h1> und ein Untertitel in der Größe <h3> dargestellt werden soll.
• Das Zeichenformat <code> soll verwendet werden, um Programmiercode oder Ähnliches darzustellen.

Für eine ungeordnete Liste hat es in diesem Kapitel bereits eine Menge Beispiele gegeben. Es folgt ein Beispiel für eine geordnete Liste:

Die Top-6 der deutschen Volks- und Weihnachtslieder
1. Müsli denn, müsli denn zum Städtele hinaus
2. So ein Quark, so wunderschön wie heute
3. Der Mund ist aufgegangen
4. Ein Jägerschnitzel aus Kurpfalz
5. Leise! Der Schnee rieselt
6. Borgen, Kinder, nur nichts geben

• Die horizontale gesamte Tabellengröße (Parameter width) soll i.d.Regel 60% des Browserfensters betragen.
• Die Tabelle soll insgesamt i.d.Regel zentriert dargestellt werden.
• Die Dicke des Tabellenrands (Parameter border) soll auf 1 gesetzt werden.
• Alle Zelleninhalte sollen i.d.Regel zentriert werden.
• Die Zelleninhalte sollen i.d.Regel in der Normalschrift dargestellt werden, wobei die Verwendung der Zeichenformate entsprechend der zugehörigen Regeln zulässig ist.

• Bilder und Grafiken sollen nur im gif-Format eingebunden werden und in dem Verzeichnis abgelegt werden, in dem sich auch die '.htm'-Dateien für ein Seminarthema befinden.
• Sie sollen stets zentriert und ohne Fließtext an den Rändern eingebunden werden.
• Die Betitelung soll über dem Bild in Breitschrift (Untertitel nicht in Breitschrift), ebenfalls zentriert, erfolgen.
• Unter dem Bild bzw. über dem Bildtitel sind ggf. einige Zeilenumbrüche einzufügen.
• Außerdem ist darauf zu achten, daß auch eine weniger leistungsfähige Hardware in der Lage sein sollte, die eingebunden Bilder vernünftig darzustellen. Hierzu sollte man sich auf eine feste Pixelgröße festlegen, wie in diesem Layoutvorschlag z.B. auf 300*400 Pixel.
• Zur Vereinheitlichung des Bildmaterials können eine Vielzahl von Grafikbearbeitungsprogrammen verwendet werden, wie z.B. xView unter UNIX.

Bilder in schlechter Qualität sind eine Zumutung.
Nichtssagende Bildinhalte interessieren den Leser nicht.





Bilder in guter Qualität sind selbstverständlich.
Freundliche und ansprechende Bildinhalte interessieren jeden.