Dreamweaver Article

Applying CSS from Screen to Print to Handheld – Part 6: Simplified Design and Printability

In Part 5 of this series, I reviewed CCs (conditional comments) and filtering CSS properties and values by using the \ escape character. You tested the design in various browsers in both Windows and Mac OS and identified some problems with the page display. From there I reviewed resolving these problems and correcting the page display for the screen media type.

In Part 6 of this series, you will move on to creating a style sheet for the print media type.

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver 8

• Try
• Buy

Third-Party Software

• Firefox 1.5
• Opera 8.5

Note: Although you won't be using the Opera browser just yet, I recommend that you download the desktop version of this browser now. You will use it to test your handheld media work later in the series. Opera is the best browser for testing the handheld media type at your desktop machine. More on this later in the series.

Sample files:

• designing_css_pt6.zip (ZIP, 113K)

Prerequisite Knowledge

• Applying CSS from Screen to Print to Handheld – Part 1: Preparation and Groundwork
• Applying CSS from Screen to Print to Handheld – Part 2: Layout and Background Images
• Applying CSS from Screen to Print to Handheld – Part 3: Columns and Footer
• Applying CSS from Screen to Print to Handheld – Part 4: Navigation and Main Content
• Applying CSS from Screen to Print to Handheld – Part 5: Cross-Browser Compatibility

Page 1 of 4

Next Page

About the author