Printer friendly

Web Design & Development Guide

Printer friendly


Printer friendly is a term used on the Internet to describe a version of a web page formatted for printing. Normally, web pages include information and navigation content that is only useful while browsing the website. Printer friendly pages are designed to fit on an 8.5"x11" or A4 sheet (see paper sizes) and include only the content of the page, along with source information.

Printer friendly pages are usually accessed through a link on the standard page.

Wikipedia has a link to printer friendly versions of articles in the toolbox menu to the left.

Designing printer-friendly pages with CSS

Web page designers can use CSS2 media types to create one set of styles for display on a computer screen, and another for printing. For example, navigation areas might be set as display:none in the print stylesheet to remove them from the printed output, and sans-serif fonts replaced by serif fonts for ease of reading. This technique eliminates the need for a separate printer-friendly page to be maintained.

<link rel="stylesheet" type="text/css" href="screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="printing.css" media="print" />

External links

Cascading Style Sheets
Printer friendly
Digital strategy
DOM scripting
Fahrner Image Replacement
Progressive enhancement
Spacer GIF
Techniques for creating a User Centered Design
URL redirection
Web Interoperability
Web modeling
Web template
Web-safe fonts
Website architecture
Website wireframe

Page created in 0.029056 Seconds