Wie Sie Ihre Website machen - drucken freundlich - CSS - IT Support Guides
Abmessungen einer Seite für Druck
Vermeiden Sie unnötige HTML-Tabellen
Der einzige Ort für Tabellen ist für den Inhalt - die Tabellen von Informationen ist.
Wissen, welche Teile der Seite nicht bei allen Druckwert Sie
Webbesucher drucken Sie Ihre Seite, weil der Inhalt es nicht die tragenden Bilder und Präsentationsinhalte zu sehen.
Einige gemeinsame Inhalte zu entfernen - Werbung, Menüs und Bilder, die sich außerhalb des Inhalts sind.
Verwenden Sie Seitenumbrüche
Schritt 1: Erstellen Sie die Druckmedien CSS Link
Es gibt zwei Optionen für die Druckstylesheet zu schaffen - Sie können ein vorhandenes Stylesheet verwenden oder einen neuen separaten erstellen.
Option 1: Verwenden eines vorhandenen Stylesheet (CSS-Datei)
- Öffnen Sie Ihr Stylesheet und fügen Sie die folgende Abfrage an den Boden
Option 2: Mit einem neuen separaten Stylesheet (CSS-Datei)
- Erstellen Sie eine neue Datei mit dem Namen ‚print.css' zusammen mit den anderen CSS-Dateien. In diesem Beispiel wird die Datei in itsupportguides.com/template/css/print.css gespeichert
- Fügen Sie den folgenden Code in die ‚HEAD‘ des HTML-Dokuments / template
Schritt 2: Drucken einer Seite und beachten Sie die Änderungen erforderlich
Schritt 3: Identifizieren Sie Ihre Content-Bereiche und die erforderlichen Änderungen
Der einfachste Weg, Ihre Content-Bereiche zu identifizieren, ist durch Verwendung von Firefox und Firebug-Plug-in installieren.
Firebug können Sie jeden Content-Bereich für Punkt und klicken schnell identifizieren.
Schritt 4: Fügen Sie die Print-taugliche CSS
- Mit Hilfe der CSS Blatt, das Sie in Schritt 1 erstellt fügen Sie CSS-Code zu drucken. Beispielsweise
- #Hauptinhalt < min-width: 1300px; >
- Die Verwendung von Druckvorschau zu prüfen, ob Ihr Ausdruck arbeitet, wie Sie wollen
Schritt 5: Wiederholen Sie für jeden Inhaltsbereich
Wiederholen Sie für jeden Content-Bereich, der nicht gedruckt wird, wie Sie wollen.
Eine weitere häufige Änderung bestimmte Elemente, wie zum Beispiel Paniermehl, Banner und Menüs zu deaktivieren.
Sie können dies tun, indem sie über das Display: keine CSS. Beispielsweise: