Ausgabemedien: Druck ist ein Muss

Mit CSS hat man die Möglichkeit eine Webseite für verschiedene Ausgabemedien auszurichten. Hier hat man schon eine große Auswahl wie “projection” für beispielsweise einen Beamer oder “handheld” für Kleinstgeräte. Eine Liste dieser verschiedenen Möglichkeiten findet man auf selfthml.

Der Übersichtlichkeit wegen arbeite ich mit mehreren Stylesheets. Diese können mit dem media-Attribut dann für ein spezielles Ausgabemedium ausgerichtet werden. Beispiel:

<code>
<link href="style.css" rel="stylesheet" type="text/css" media="print"/>
</code>

Die Ausrichtung für Druck-Ergebnisse

Man muss nicht für alle verschiedenen Ausgabemedien ein separates Stylesheet anfertigen! Viele Sachen wie etwa “aural” für Sprachausgabe oder “braille” für Blindendrucker sind schwer zu verwirklichen, da man davon keine Kenntnis hat wie man es richtig umsetzt. Jedoch sollte es kein Problem darstellen eine Webseite für den Druck zu optimieren. Hierbei geht es nicht um Perfektion, jedoch sollte es grundlegend möglich sein, eine Seite auszudrucken, sodass der Inhalt weiterhin lesbar und klar strukturiert ist.

Ein paar Dinge, die man dabei beachten sollte:

  1. Der Seitentitel sollte auch auf einer gedruckten Seite hervorgehen und an erster Stelle stehen!
  2. Überschriften sollten klar deutlich sich in Schriftgröße vom übrigen Text unterscheiden. Weiterhin sollte auch eine Unterüberschrift als solche deutlich sein.
  3. Hyperlinks sollten auch wenn sie nun nicht genutzt werden als solche erkenntlich sein. Das hat den Vorteil, dass dem Leser ersichtlich wird, dass ein Hyperlink ihm noch mehr Informationen beschaffen kann.
  4. Formulare im Gegensatz dazu haben ihre komplette Notwendigkeit verloren. Daher kann man sie getrost herausnehmen. Dazu gehört auch eine Sucheingabe!
  5. Inhaltliche Trennungen werden am ehesten deutlich, wenn sie mit einer Trennlinie gekennzeichnet werden. Dies ist in einigen Fällen einfach durch das Attribut “border-bottom” möglich.
  6. Auch wenn auf den meisten Ausdrucken ein Copyright-Vermerk zu finden ist, kann es recht nützlich sein, solch einen am Ende des Dokuments zu platzieren. Falls eine solche Angabe auf der Webseite direkt nicht stehen soll, kann man es trotzdem in den Quelltext einfügen und lediglich bei der Bildschirm-Version ausblenden.

Diese Liste ist nicht vollständig. Falls ihr einen Vorschlag habt, würde ich mich über ein Kommentar freuen.

Kommentieren