Hilfe

Beschreibung des Layouts

In der Kopfzeile befindet sich : Ein 5 Millimeter hoher Balken über die gesamte Breite (hellblau mit Farbverlauf), darunter schließt sich ein mittelblauer Balken von etwa 8 Millimeter Höhe an, dann kommt ein dunkelblauer Balken von etwa 4 Zentimeter Höhe, danach wieder der mittelblaue Balken (8 Millimeter) und dann der 5 Millimeter hohe Balken, diesmal mit umgekehrten Farbverlauf wie der obere. Auf dem 4 Zentimeter hohen Balken befindet sich von links nach rechts: Der Schriftzug "dvbs", dann "dvbs" in Blindenschrift, dann das Logo (optisch hervorgehoben, weil es bis in die beiden 5 Millimeter hohen Balken hineinragt. Das Logo befindet sich auf einem blau-grauen Viereck mit Einrahmung). Danach kommt der Schriftzug "Deutscher Verein der Blinden und Sehbehinderten in Studium und Beruf e.V." Diese Schrift ist auf 3 Zeilen gesetzt und hat gleiche Höhe wie Schriftzug "dvbs", alles wird in dem mittleren Balken gezeigt. Die Kopfzeile hat insgesamt eine Höhe von etwa 5,5 Zentimetern.

Programmierung: "dvbs" und "dvbs" in Blindenschrift und das Loge werden als eine einzelne Grafik abgelegt. Diese Elemente sollen sich beginnend mit "dvbs" am linken Rand befinden, nicht verschiebbar. Der Schriftzug ist auch als Grafik abgelegt und ist frei nach rechts verschiebbar (Anpassung an die Bildschirmgröße). Bei Fensterbreiten unter 800 Pixel überdeckt das Logo ggf. einen Teil des Schriftzugs.

Anschließend an die Kopfzeile gibt es einen Freiraum von etwa 4 Pixel (man sieht also nur die Hintergrundfarbe), dann kommt ein dunkelblauer Balken, der sich über gesamten Bildschirm erstreckt mit einigen Links zu Unterseiten. Die Links sind weiß, fett und unterstrichen. Zwischen jedem Link befindet sich zur Abgrenzung ein weißer senkrechter Strich.

Nach der ersten Linkleiste kommt wieder ein kleiner Freiraum, ca. 5 Pixel, Die Hintergrundfarbe der Seite scheint durch, dann kommt eine zweite dunkelblaue Linkleiste. Entspricht genau der oberen Leiste. Die Links in beiden Leisten werden bei mouse-over hellblau.

Links ist ein Kasten, in dem auf mittelblauen Grund die Rubrik (weiße Schrift) angezeigt wird, in der man sich gerade befindet. Das Mittelblau löst sich nach unten hin in dünne Striche auf, die farblich ausblenden. Es ist ein Effekt, der hauptsächlich von normal Sehenden wahrgenommen wird, er ist aber ein auflockerndes Element und sieht schick aus.

In der Mitte befindet sich ein Kasten mit weißem Grund. Darauf werden mit schwarzer Schrift die Informationen zur jeweiligen Seite angezeigt. Linearisiert wird dieser Teil allerdings nach dem Infokasten dargestellt.

Rechts befindet sich der Info-Kasten, der Links enthält, die weiterführende und Links zur Seite anzeigen. Der Info-Kasten hat wieder das schon mehrfach in der Seite enthaltene Mittelblau, Schrift ist weiß. Wenn Links eingebunden sind, dann sind sie auch unterstrichen. Oben am Kasten befindet sich ein dunkelblauer Balken, der den Titel des Kastens in hellblauer Schrift beinhaltet.

Wenn auf der jeweiligen Seite kein Infokasten gebraucht wird, fließt der Inhalt (jener von hier aus gesehen links stehende, mit dem weißen Grund und der schwarzen Schrift) bis zum rechten Bildschirmrand erstrecken. Manchmal wird der Info-Kasten auch in den weißen Inhaltsbereich mit dem Inhalt integriert werden.

Die Seite wird abgeschlossen von einem dunkelblauen Fußbalken mit einigen Links, die auf jeder Seite gebraucht werden: Startseite, Kontakt, Impressum, Hilfe usw. Links und Balken genau wie oben in der Navi, zur weiteren Verdeutlichung haben die einzelnen Links noch links neben sich ein erklärendes GIF (Zurück-Pfeil für Startseite, Briefumschlag für Kontakt, "i" für Impressum und Fragezeichen für Hilfe). Der Fußbalken erstreckt sich über die gesamte Breite des Fensters, die Links beginnen aber erst am linken Rand des darüber befindlichen weißen Inhaltsbereichs.

 Startseite |  Kontakt |  Impressum |