Prior to the release of Dreamweaver 8, creating handheld and print media style sheets wasn't easy—not unless you were very familiar with the CSS concepts that these media types utilize.

Dreamweaver 8 changed all that by providing us with design views for both of these media types. It is in these areas that I focus the first two parts of this tutorial. You'll begin with your screen layout CSS and look at the all-important concept of separating content from presentation.

Note: In this seven-part tutorial you will be able to build on the knowledge you gained in my six-part tutorial, Designing with CSS, and then move your website designs to the next level by incorporating the use of handheld and print media style sheets. If you haven't read previous tutorial, I recommend that you do so, particularly if you're new to CSS.

Requirements

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

Dreamweaver 8

• Try
• Buy

Fireworks 8

• Try
• Buy

Third-Party Software

• Firefox 1.5
• Opera 8.5
• Lorem Ipsum Generator extension by Captain Cursor Creations (optional)

Sample files:

• designing_css.zip (ZIP, 13K)

Prerequisite Knowledge

No prerequisite knowledge is required to complete this tutorial. However, you may want to read Designing with CSS if you haven't done so already.

Page 1 of 3

Next Page

About the author