Your site looks like it's working perfectly. You've tested it with several different browsers under various resolutions. The HTML complies with
standards and your CSS is impeccable.Even if all of
above statements are accurate, everything still might not be
way it should. We often design for screens and blissfully forget that we need to take other devices into account as well. It's surprising to notice that while printers are very widely used, a large part of designers seem to completely ignore them.
Why should I do this? =====================
The more text your site contains,
more reason you have to think about printers. Many people prefer to print out long pages instead of reading them from their screen. They can't take their 19" screen to
park, to their bed or to
beach. However, if they print your content on paper, they can read it whenever they want to, wherever they want to.
By giving your users
possibility to easily print your pages, you're making your site more usable. At
same time, you're encouraging people to spread
word about you and your site. What's more convenient, "Hey, read this great article" or "Hey, go to your computer, fire up your browser and go to this address to read a great article"?
How do I do this? =================
Ensuring that your site is printer friendly can be done in many ways. Personally, I prefer to use CSS for
job. While it is not supported by some older browsers, CSS is a good choice because it eliminates
need to create separate "printer friendly" versions of your pages. The same page can have one layout for browsers and another one for printers!
Unless you're already familiar with CSS, you might benefit from taking a quick look at HTML Help's CSS Tutorial ( http://www.htmlhelp.com/reference/css/ ) before we begin. It's especially important that you familiarize yourself with class selectors, as many of
examples below will use them.
That being said, let's open up Notepad and start creating our new external stylesheet file.
Modify
layout... ====================
The first step is to eliminate everything that is useless in a printed version of
page. Banner ads, navigation menus and all unnecessary graphics should be removed. You can do this by adding a new class to
stylesheet: