Sprung zu
Artikelanfang
Haupt-Menue
Sitemap (Inhaltsverzeichnis)
Hilfe und Hinweise

Darstellung
Layout ausschalten
Layout einschalten

Kontakt
Impressum



Darstellung invertieren

Für die meisten 'Sehlinge' ist die Darstellung auf dieser Seite „normal” – dunkle Schrift auf hellem Hintergrund. Aber es gibt auch viele Menschen, die es genau anders herum brauchen. Nicht, weil sie das besonders chic finden, sondern weil der helle Hintergrund zu einer Blendwirkung führt, die ihnen das Lesen der Texte erschwert oder sogar unmöglich macht. Wer Webseiten entwickelt, sollte also darauf achten, dass seine Seiten auch lesbar sind, wenn die Farben invertiert werden.

Am Beispiel des 'Internet Explorer' beschreibt das folgende kleine Tutorial, wie man diesen Browser für eine invertierte Darstellung einrichtet. Wenn Sie mögen, können Sie sich erst einmal ein Bild anschauen, das verdeutlicht was wir erreichen möchten.
Bildschirmfoto einer invertierten Ausgabe, 36Kb

Doch jetzt, an die Arbeit!
Starten Sie Ihren Browser. Öffnen Sie das Menü 'Extras' (ALT+X) und wählen dann den Menüpunkt 'Internetoptionen' (O). Der folgende Dialog öffnet sich:

Dialogfenster Internetoptionen
Tafel 1 (d)

Hier interessieren uns die beiden Knöpfe im unteren Bereich, die wir durch einen orangefarbenen Rahmen gekennzeichnet haben. Klicken Sie zuerst auf den Knopf 'Eingabehilfen ...' (ALT+E), der den folgenden Dialog öffnet:

Dialogfenster Eingabehilfen
Tafel 2 (d)

Standardmäßig ist kein aktiver Eintrag in diesem Dialog zu finden. Aktivieren Sie also wie im Bild gezeigt den ersten Eintrag ('Farbangaben auf Webseiten ignorieren'). Klicken sie auf die Textzeile oder direkt in das Kästchen (F), der kleine Haken bedeutet, dass diese Option jetzt aktiv ist. Speichern Sie Ihre Aktion, indem sie auf den Knopf 'OK' klicken (bzw. per TAB anspringen und ENTER drücken), der Dialog schließt sich und Sie landen wieder auf Tafel 1.
Klicken Sie nun auf den Knopf 'Farben ...' (ALT+F), der den folgenden Dialog öffnet:

Dialogfenster Farben
Tafel 3 (d)

Diesmal finden Sie bereits eine aktive Option – in dem Kästchen neben dem Eintrag 'Windows-Farben verwenden' befindet sich ein Haken. Dieser muss entfernt werden. Klicken sie auf die Textzeile oder direkt in das Kästchen (W), der kleine Haken verschwindet, die Option ist nicht mehr aktiv. Stattdessen erscheinen zwei weitere farbige Felder. Das Ergebnis sollte so aussehen (die Farben in den vier Feldern können abweichen):

Dialogfenster Farben
Tafel 4 (d)

Betrachten Sie die vier farbigen Felder: Die beiden auf der linken Seite stehen für Hintergrund- und Textfarbe, die beiden rechts für Linkfarben (besuchte und unbesuchte Links). Beginnen Sie nun mit der Farbanpassung, zum Beispiel der Hintergrundfarbe – klicken Sie einfach auf das dazugehörige Farbfeld (I). Es öffnet sich der Farb-Dialog:

Dialogfenster Farbauswahl
Tafel 5 (d)

Wählen sie die gewünschte Farbe (zum Beispiel dunkelblau), indem Sie in das Farbfeld klicken (oder mit den Pfeiltasten der Tastatur anspringen). Bestätigen Sie die Auswahl mit 'OK'. Der Farbdialog schließt sich und Sie landen wieder auf Tafel 4. Wiederholen Sie diesen Vorgang für jede der Farben, die Sie anpassen möchten. Für unser Beispiel wählen Sie also noch gelb für Text (T), weiß für unbesuchte Links (N) und türkis für besuchte Links (E). Wenn Sie das letzte Mal mit 'OK' bestätigt haben, sollte Tafel 4 folgendermaßen aussehen:

Dialogfenster Farben
Tafel 6 (d)

Wenn Sie möchten, können Sie auch noch das letzte Feld 'Hoverfarbe verwenden' aktivieren (V) und dort ebenfalls eine Farbe Ihrer Wahl einstellen (O). Der Hover-Effekt verändert die Linkfarbe, wenn Sie mit dem Mauszeiger den Link berühren (eine ausführliche Beschreibung des Hover-Effekts finden Sie hier).
Wenn Sie mit der Farbauswahl zufrieden sind, speichern Sie mit 'OK', um die eingestellten Farben zu speichern. Auch die Tafel 1 können Sie mit einem Klick auf 'OK' schließen.

Wenn Sie alles richtig gemacht haben, sollten Sie diese Seite nun mit gelber Schrift auf blauem Hintergrund sehen, und alle Links sollten weiß bzw. türkis dargestellt werden.
Um die Seite wieder im Ursprungs-Modus anzuzeigen, müssen Sie nur den Dialog auf Tafel 2 erneut aufrufen und die angekreuzte Option deaktivieren.

Wir haben uns in dieser Anleitung auf das Verändern von Farben beschränkt. Natürlich können Sie auch die Schriftart und die Schriftgröße anpassen, doch das erklären wir im Tutorial 'Anpassung der Schriften'.
Wenn der Entwickler einer Seite an Sie gedacht hat, genügt es oftmals schon, wenn Sie über das Menü 'Ansicht' (ALT+A) die Option 'Schriftgrad' (I) aufrufen und eine passende Größe auswählen. Zur Verfügung stehen: Sehr klein (N), Klein (K), Mittel (M), Größer (G) und Sehr groß (S).

Anhang: Beschreibung der Bildtafeln

Tafel 1 – Abbildung des Dialogfensters 'Internetoptionen'; mit Markierung der relevanten Schalter.
Tafel 2 – Abbildung des Dialogfensters 'Eingabehilfen'; mit Markierung der zu aktivierenden Option.
Tafel 3 – Abbildung des Dialogfensters 'Farben'; Standarddarstellung nach Aufruf.
Tafel 4 – Abbildung des Dialogfensters 'Farben'; Darstellung nach Deaktivierung der Option 'Windows-Farben verwenden'.
Tafel 5 – Abbildung des Dialogfensters 'Farbauswahl'; mit Markierung der auszuwählenden Farben.
Tafel 6 – Abbildung des Dialogfensters 'Farben'; Darstellung nach erfolgter Auswahl sämtlicher Farben.

Weiterführende Links

Auf der Diabsite finden Sie Kurzanleitungen zu den Einstellungsmöglichkeiten weiterer Browser (Internet Explorer 4.01 und 5.x, Netscape 4.x, Netscape 6 und Opera) sowie zur Anpassung des Mauszeigers.

Seitenanfang


(c) 2005 e-workers
http://www.e-workers.de/
mailto: info@e-workers.de