So Erstellen Sie Eine Druckfähige Version

Inhaltsverzeichnis:

So Erstellen Sie Eine Druckfähige Version
So Erstellen Sie Eine Druckfähige Version

Video: So Erstellen Sie Eine Druckfähige Version

Video: So Erstellen Sie Eine Druckfähige Version
Video: How To Make Automated Drawings — Fusion 360 Tutorial — #LarsLive 171 2024, November
Anonim

Einige Besucher verschiedener Internetportale lesen die Informationen, indem sie sie zunächst auf einem Drucker ausdrucken. Zu diesen Zwecken wird auf Seiten und Foren eine sogenannte „Druckversion“erstellt.

So erstellen Sie eine druckfähige Version
So erstellen Sie eine druckfähige Version

Notwendig

Webmaster-Kenntnisse

Anweisungen

Schritt 1

Erstellen Sie ein Dokument, das grundlegende Seiteninformationen enthält, z. B. Artikeltext mit Titel, Wegbeschreibungen, grundlegende Kommentare usw. Das Wichtigste ist, dass die Druckversion keine Banner, große Bilder und ähnliche Elemente enthält.

Schritt 2

Verteilen Sie die Blöcke der Seite so, dass der Text auf ein A4-Blatt passt. Sparen Sie Platz, indem Sie Nicht-Text-Bilder von der Seite ausschließen. Passt die Seite nicht vollständig auf das A4-Blatt, passen Sie die Übertragung an.

Schritt 3

Wenn bei der Übertragung etwa die Hälfte der zweiten (dritten, eventuell letzten) Seite frei ist, fügen Sie Bilder und andere gelöschte Daten zur Druckversion hinzu, achten Sie jedoch darauf, dass sie für die Leser eine Bedeutung haben. Berücksichtigen Sie auch die Besonderheiten von Monitoren mit unterschiedlichen Auflösungen. Bitte beachten Sie, dass Benutzer mit Monitoren mit niedriger Auflösung höchstwahrscheinlich gedruckte Versionen von Websites benötigen.

Schritt 4

Verwenden Sie Klassen und IDs, um zusätzliche Daten auf der Seite auszublenden. Für Elemente, die nicht in einer druckfähigen Version angezeigt werden sollen, weisen Sie eine neu erstellte Klasse zu, z. B. noprint. Wenn Sie das Verbot des Druckens von Bildern von Bannern festlegen möchten, verwenden Sie die Maske. Fügen Sie in Ihrem CSS Folgendes hinzu: img [src * = "/ban /"] {display: none! Wichtig; }

Schritt 5

Angeben: Dies erfolgt, wenn print.css nur zur Drucklaufzeit verarbeitet werden soll. Vergessen Sie nicht, einen Link für die Druckversion hinzuzufügen.

Schritt 6

Um einen Drucklink für Ihre Webseite zu platzieren, verwenden Sie einfach die folgende Vorlage: Diese Seite drucken.

Empfohlen: