Wie man Drucker-freundliche Web-Seiten - Envision Internet Consulting

Dieser Artikel wirft einen kurzen Blick auf Cascading Style Sheets mit gedruckten Webseiten zu entwerfen.

Drucken von Webseiten Hat eine Hassle gewesen.

Wenn die Web-Seite nur ein wenig zu breit ist, auf einer gedruckten Seite zu passen, erhalten Sie ein verschwendetes Blatt mit einem kleinen Streifen von Farbe auf sich. Und, wenn Sie die Seite drucken, erhalten Sie alle Werbebanner, Logos und Navigation auf Ihrem Ausdruck. Alles, was Sie wirklich war der Text und die Bilder auf der Seite wollte, die jetzt ein zwei Zoll breite Säule in der Mitte des Papiers sein geschieht.

Drucker-freundliche Versionen

Die Antwort ist in CSS

Die Antwort auf diese Probleme mit der Herstellung Druck Webseiten ist nun seit einigen Jahren auf dem Netz ruhig gelauert. Es ist Cascading Style Sheets (CSS) genannt. Web-Designer haben mit Hilfe von CSS Webseiten-Designs zu optimieren, sondern haben nur selten ausgeübt seine Macht über die gedruckte Seite.

Ein Teil der Schönheit von Druck Seiten mit CSS Gestaltung ist, dass Sie müssen keine zusätzliche Druckversion der Seite machen. Stattdessen wird, wenn ein Benutzer die Seite druckt, wird eine separate Stylesheet genannt, den Entwurf für Papier anstelle des Bildschirms zu ändern. Die Seite sieht aus wie es für das Web im Browser entwickelt wurde, aber es druckt, wie es für ein Stück Papier entwickelt wurde.

Ein Beispiel

Die beiden Bilder unten sind Screenshots von früheren Versionen dieser Seite. Die erste ist, wie diese Seite ohne CSS drucken könnte Druck-Stylesheet definiert. Das zweite Bild ist, wie die Seite tatsächlich mit dem Drucksheet ausdrucken.

Wie man Make It Happen

Im Folgenden wird eine gewisse Vertrautheit mit HTML und CSS.

Überlegungen

Der obige Abschnitt ist ein sehr kurzer Überblick, bedeutete eine wenig Richtung zu schaffen. In diesem Sinne, hier sind einige Dinge zu denken, bevor Sie einen Druck Web-Seite zu entwerfen.

Wenn Sie die gedruckte Seite entwerfen, denken ersten Inhalt. Fragen Sie, was für die gedruckte Seite benötigt wird, und schneiden Sie alles andere aus. Gestalten Sie es mit weißen Raum, Typografie, und alles, was die Lesbarkeit verbessern.
Ihre HTML sollte mindestens Version 4.01 sein und sollte gültig sein. Ditch Font-Tags und verlassen Sie sich nicht auf Tabellen für das Layout.
Nehmen Sie sich Zeit mit der CSS zu experimentieren, um zu finden, was am besten für Ihre Leser funktioniert.