Um Inhalte ansprechend ausdrucken zu können, sollten Sie eine Druckversion bereitstellen. Hier erhalten sie verschiedene Ansätze, wie Sie eine Druckversion realisieren können.

  1. Inhaltsverzeichnis

Verschiedene Arten von Drucken

Es gibt verschiedene Arten von Drucken - z. B. Aufkleber Druck, Bücherdruck und für Internetseiten die "Druckversion". Mit dieser erhalten Sie eine Darstellungsversion einer Internetseite, die für einen Ausdruck auf die wesentlichen Inhalte reduziert wurde. Sie kann dann besonders übersichtlich ausgedruckt werden.

Die Druckversion ist meist auch mit modernen Browsern noch notwendig, da beim einfachen Klicken auf "Drucken" im Browser meistens die Inhalte verschoben werden. Dadurch wird oft das gesamte Layout der Seite zerstört und der nur schlecht lesbar. Die Druckversion blendet z. B. Werbung und eine unnötige Navigation aus, optimiert Bilder und den Hintergrund einer Seite oder passt die Seitenbreite so an, dass nichts verschoben wird.

Druckversion-Vorschau

Im Folgenden werden daher drei verschiedene Wege beschrieben, wie Sie eine Seite so umgestalten können, dass der Brwoser sie dann leserfreundlich ausdruckt.

Druckversion mit einem CMS

Wenn Sie ein Content Management System wie WordPress einsetzen, ist eine Funktion zur Erstellung einer Druckversion meistens leicht als Ergänzung zu Ihrem CMS zu realisisieren:

Druckversion ohne CMS mit CSS

Auch wenn Sie kein CMS einsetzen, können Sie mit Hilfe von CSS leicht eine Druckversion erstellen.

Der Artikel @page-Regel – CSS für den Druck beschreibt Schritt für Schritt die Grundlagen, wie Sie eine einfache Druckversion mit CSS erstellen.

Die wesentlichen Schritte hierbei sind:

  1. Den Browser darauf hinweisen, dass es eine Druckversion gibt:
    <link rel="stylesheet" href="print.css" type="text/css" media="print" />
  2. Für mehr Geschwindigkeit die Druckversion ans Ende des Codes stellen:
    <link rel="stylesheet" type="text/css" href="print.css">
    </body>
  3. Schriftgrößen und Schriftfamilie anpassen
  4. wenig sinnvolle Elemente wie Navigationsleisten, Sidebar, Footer, Video, Werbung und Formulare ausblenden
  5. Bildgröße verkleinern, um Papier und Druckkosten zu sparen
  6. Links hinter Texten sichtbar machen
  7. Das Layout an eine DIN A4 Seite anpassen
  8. Seitenumbruch festlegen

Anschließend erhalten Sie die neue Druckausgabe wie gewohnt in Ihrem Browser über Menü > Drucken. Sie werden feststellen, dass bereits die Druckvorschau erheblich aufgeräumter aussieht, als ohne die Optimierung für Ausdrucke.

Sollten Sie mit dem obigen Artikel nicht alle Wünsche für Ihre Druckversion realisieren können, beschreibt der Artikel Print-CSS erheblich mehr Möglichkeiten, wie Sie das Layout für Ihre Druckversion anpassen können.

Fazit

Eine Druckversion gehört zu jeder guten Website dazu. Denn Häufig nutzen Besucher die Inhalte der Homepage nicht nur online, sondern wollen diese auch schwarz auf weiß vor sich liegen haben, um hiermit arbeiten zu können. Daher sollten Sie dies unbedingt integrieren.

Sie können die Vorteile einer Druckversion ganz leicht ausprobieren, indem Sie in Ihrem Browser diese Seite ausdrucken. Dann erhalten Sie eine Live-Möglichkeit wie eine für den Druck optimierte Version dieser Internetseite aussehen kann.

Weiterführende Artikel:

  • HTML einfach und verständlich erklärt