Wie erstelle ich eine druckerfreundliche Version einer Webseite?

11

Welche Lösungen oder Techniken gibt es, um Benutzern druckerfreundliche Versionen einer Webseite anzubieten?

html css print Sean Moubry
quelle

Antworten:

19

Ich mache ein grundlegendes CSS-Stylesheet, das ich für den CSS-Medientyp "Drucken" eingerichtet habe.

<link rel="stylesheet" href="css/print.css" media="print"  />

In diesem Stylesheet werde ich im Allgemeinen einige Dinge tun:

  • Blenden Sie nicht relevante Navigationselemente aus.
  • Suchelemente ausblenden.
  • Ändern Sie Schriftarten und Farben
  • Ändern Sie alle Breiten, die nicht mit einer gedruckten Seite übereinstimmen.
Rebecca Chernoff
quelle
Wäre schön ein Beispiel zu sehen wenn möglich.
[schamloser Plug] Ich habe es auf isearchnotes.com/single.php?id=59 implementiert. Zeigen Sie die Druckvorschau an. sehen.
Corymathews
+1 - dies ist der beste Weg, dies zu tun ... obwohl Zeitungen häufig separate Seitenaktionen haben, bei denen sie die Paginierung neu formatieren und deaktivieren. Wenn nur Chrome eine Druckvorschau-Funktion hätte ...
JasonBirch
2
Hier ist ein bisschen mehr Detail: alistapart.com/articles/goingtoprint
Michael Mior
2
Oh ja, und dieses hier: smashingmagazine.com/2007/02/21/… Beide guten Ressourcen. Der erste Link, den ich gepostet habe, gibt einen schönen Überblick, obwohl das wahrscheinlich gut genug ist.
Michael Mior