Überschriften

[designfanatiker]

Servus,

bisher hab' ich nur drei Überschriftenebenen verwendet: Ebene 1 für den Namen des Vereins, Ebene 2 für die Seitenbezeichnung und Ebene 3 für die inhaltlichen Abschnitte. Bei einigen Seiten benötige ich eine vierte Überschriftenebene. Diese Seiten wirken deutlich unübersichtlicher. Wie könnte man da durch die Gestaltung mehr Ordnung hineinbringen?

Beispiel

Beste Grüße

Gerhard

[Mich@el]

Hi Gerhard, soweit komme ich mit Deinen Überschriften in Deiner Seite ganz gut klar. Es ist ja so, dass einige Überschriften wichtiger sind als andere. Darum gibt´s die h-Hirarchie. Die wichtigste Überschirft ist die <h1>. Aber das muß ich Dir ja nicht sagen.
Ich zitiere lediglich aus einem Buch über Webdesign, dass ich mir mal zugelegt habe. Vielleicht ist ja doch noch was interessantes für Dich dabei.
Da steht dann weiter: "Sind die Überschriften gleich wichtig, wie zum Beispiel bei Zwischenüberschriften, sollte man sie auch gleich gewichten und ihnen die gleiche Überschriften-Ebene zuweisen. Das Dokument wird so hierarchisch durchstrukturiert. Im Falle von Zwischenüberschriften wäre eine <h3> eine gute Wahl, wenn <h1> die Seiten-Überschrift markiert und <h2> die Kapitelüberschriften.
Deine Seite betreffend, würde ich´s mal so probieren, die Überschriften <h3> wie auf der Seite "Sportchronik" in ein <h4> zu ändern. Und auf der Seite "Vereinsrekorde" es so mit <h3> und <h4> zu belassen, nur <h4> nicht fettgedruckt.
Ein Vorschlag?!

Grüße
Michael

[designfanatiker]

Zitat von Mich@el

Deine Seite betreffend, würde ich´s mal so probieren, die Überschriften <h3> wie auf der Seite "Sportchronik" in ein <h4> zu ändern.

Die Ebene 3 auslassen?

Zitat von Mich@el

Und auf der Seite "Vereinsrekorde" es so mit <h3> und <h4> zu belassen, nur <h4> nicht fettgedruckt.

Die Überschriften wirken nur durch die Schriftgröße fett. Tatsächlich sind sie es nicht. Ich glaub' das Hauptproblem ist, dass sich die Überschriften der Ebene 4 optisch nicht eindeutig den Überschriften der Ebene 3 unterordnen. Hab' ein bisschen mit den Schriftgrößen herumgespielt und mich jetzt dafür entschieden für die Überschriften der Ebene 4 die Schriftgröße des Fließtexts zu übernehmen und sie dafür fett zu formatieren. Besser?

[satre]

Nach meiner Meinung könnten die <h3>- und <h4>-Überschriften (Schülerklasse, Mannschaften) näher zusammenliegen, indem du einen geringeren margin-bottom-Wert für <h3> verwendest.

Zur optischen Abgrenzung würde ich vor der neuen Kategorie "Jugendklasse" ein dezentes <hr /> verwenden. Zum Beispiel in der Form:

hr {
margin:10px 0;
border-top:1px dotted #ccc;
border-bottom:none;
height:1px;
}

Dass du die Schriftart für <h4> in "trebuchet ms" abänderst gefällt mir persönlich nicht. Ich finde, dass du hier bei Georgia bleiben solltest.

[Mich@el]

Zitat von designfanatiker

Die Ebene 3 auslassen?

hm... ja! Zumindest da, wo Du die <h4> nicht stehen hast. Und Johannes Vorschlag mit der Linie ist m.M. auch eine sehr gute Alternative!

[satre]

Zitat von Mich@el

hm... ja! Zumindest da, wo Du die <h4> nicht stehen hast.

Ein Sprung von von <h2> nach <h4>? Auch wenns optisch konsistent ist, wenn vor jeder Tabelle ein <h4> steht, würde es beim neuen <section>-Modell bei XHTML2 Probleme geben, sofern sich dieses Konzept durchsetzt und man die Seiten danach aufbauen will.

Wenn ichs mir recht überlege, ist es eigentlich überflüssig für die Nachwuchsklassen eine Extra-Unterüberschrift "Mannschaften" zu verwenden. Diese Information steht doch bereits im Tabellenkopf.

[designfanatiker]

Zitat von satre

Nach meiner Meinung könnten die <h3>- und <h4>-Überschriften (Schülerklasse, Mannschaften) näher zusammenliegen, indem du einen geringeren margin-bottom-Wert für <h3> verwendest.

Ist halt irgendwie ungünstig wenn ein anderes Element auf die Überschrift folgt.

Zitat von satre

Zur optischen Abgrenzung würde ich vor der neuen Kategorie "Jugendklasse" ein dezentes <hr /> verwenden.

Hatte ich schon mal (allerdings über CSS). Sieht in Verbindung mit den Linien der Tabellen ziemlich gewöhnungsbedürftig aus.

Zitat von satre

Dass du die Schriftart für <h4> in "trebuchet ms" abänderst gefällt mir persönlich nicht. Ich finde, dass du hier bei Georgia bleiben solltest.

Sieht gar nicht mal so schlecht aus. Von Ebene zu Ebene reduziert sich die Schriftgröße jetzt um 25 Prozent.

Zitat von satre

Ein Sprung von von <h2> nach <h4>? Auch wenns optisch konsistent ist, wenn vor jeder Tabelle ein <h4> steht, würde es beim neuen <section>-Modell bei XHTML2 Probleme geben, sofern sich dieses Konzept durchsetzt und man die Seiten danach aufbauen will.

Stimmt allerdings. Allerhöchstens könnte man die Überschriften dritter Ordnung wie Überschriften vierter Ordnung formatieren. Ist aber auch ziemlich unschön.

Zitat von satre

Wenn ichs mir recht überlege, ist es eigentlich überflüssig für die Nachwuchsklassen eine Extra-Unterüberschrift "Mannschaften" zu verwenden. Diese Information steht doch bereits im Tabellenkopf.

Da ich spätestens für die Ergebnisse und Bilder ohnehin eine Überschrift benötige finde ich diese erste Überschrift eigentlich nur konsequent.

[Mich@el]

Ja vom Aufbau hast Du sicherlich recht. Ich sehe jetzt lediglich das Optische... zumal sich beide Überschriften von der Größe her sehr ähnlich sehen, oder?! (liegt vielleicht auch schon an der fortgeschrittenen Uhrzeit )

Und da würde es evtl. Sinn machen... auf <h3> zu verzichten?! ... zumindest würde ich Deinen Vorschlag (alleine der Übersicht wegen) dann die Überschrift <h3> mit einer horizontalen Linie versehen.

[Edit: hat sich wohl schon erledigt ]