Schwungrad, Wie Sie Ihre Website für den Druck mit CSS stylen

Was hat Druck mit dem Web zu tun?

Schwungrad, Wie Sie Ihre Website für den Druck mit CSS stylen

Wie für den Druck entwerfen

Farbe und Layout Überlegungen

Die meisten Menschen bevorzugen in schwarz und weiß aufgrund der Kosten von farbiger Tinte zu drucken. Außerdem gibt es einen höheren Kontrast, wenn den Text schwarz und gedruckt auf weißes Papier. Sie sind wahrscheinlich mit Medienanfragen, wie sie in modernen, ansprechenden Web-Design entscheidend sind. Medien-Anfragen sind auch notwendig für Druckformate zu schaffen.

Dies ist, was Text im Körper schwarz machen, und loszuwerden eine Hintergrundfarbe für die besten Druck:

Die Chancen stehen gut, der Text in Times New Roman drucken wird. Es ist nichts falsch mit dem, aber was ist, wenn Sie eine andere Schriftart angeben? Genau wie Sie in Ihren Standard-Stilen haben, kann dies auch in gedruckter Form erfolgen. Während wir gerade dabei sind, lassen Sie uns nicht die Zeilenhöhe vergessen.

Ausblenden von unnötigen Elemente

keine auf ein Minimum, aber das ist völlig in Ordnung für den Druckstil: Sie haben wahrscheinlich die Anzeige zu halten konditioniert worden. Durch einige Elemente versteckt, Sie geben Ihren Benutzern einen besseren Weg, etwas unnötig von der Hardcopy zu drucken und zu halten. Das Ziel ist, sie zu erlauben, effektiv die wichtigsten Inhalte auszudrucken, nicht die genaue Web-Seite.

Es gibt Seitenelemente, die nicht notwendig sind, wie Navigation, Fußzeile, Seitenleiste und Hintergrundbilder, so ist dies, wo unsere display: none nützlich sein wird.

Die Artikel werden oft gedruckt, so ist es toll, jeden Artikel Start auf einer anderen Seite zu haben. Es ist viel einfacher für die Benutzer ihre Ausdrucke zu organisieren, wenn Schlüsselinformationen gruppiert zusammen und nicht über mehrere Seiten verteilt.

Durch das Hinzufügen dieser zu Ihrem Druck-Stylesheet, beginnen die Artikel immer auf einer neuen Seite:

Halten Sie die ungeordneten Listen zusammen auf der gleichen Seite ist eine große Idee zu:

Nehmen wir noch einen Schritt weiter und tun das gleiche für Überschriften, Bilder, Blockzitate, Tabellen und andere Listenelemente:

Erste Seite Anpassung ist praktisch, in bestimmten Fällen. Durch die Verwendung der: Erste Seite kann pseudo-Klasse, das Styling der ersten gedruckten Seite bestimmt werden:

Schwungrad, Wie Sie Ihre Website für den Druck mit CSS stylen

Bild und Introtext Ideen

Eine nette Begrüßungsnachricht ist eine große Bereicherung. Druckinhalt wird um für eine Weile, so ist es immer schön, eine freundliche Nachricht oder eine Erinnerung aufzunehmen.

Nun, da wir einige der Druck Berücksichtigung Grundlagen abgedeckt haben, ist es einfach, diese Ideen in der Druck-Stylesheet zu integrieren. Obwohl Druck ist nicht das, was letzten Endes wir denken, wenn wir das Internet nutzen, ist es eine gute Möglichkeit, die Benutzer mit dem gleichen großen Erlebnis zu bieten, egal wie sie Inhalte zugreifen.

Vielen Dank für die gemeinsame Nutzung dieser Artikel Abby!

Dank für diesen Artikel (y)

Schwungrad, Wie Sie Ihre Website für den Druck mit CSS stylen

Schwungrad, Wie Sie Ihre Website für den Druck mit CSS stylen

Schwungrad, Wie Sie Ihre Website für den Druck mit CSS stylen

Erfahren Sie mehr interessante Inhalte in Ihrem Posteingang

Wir werden jede Woche Sie kuratierte Inhalte vom Layout senden. Auf dem Laufenden bleiben!

In Verbindung stehende Artikel