Dreamweaver Article

Working with Background Images and CSS – Part 3: Altering the Appearance of Your Pages with Drop Shadows

In the first two parts of this series, you've learned how to set a background image. I reviewed using keywords, multiple keywords, and measurement values for precise positioning. These are the basics of using background images and it is necessary to understand these concepts in order to correctly implement the cascading style sheets (CSS) rules required for setting your images.

Now that you have gained that knowledge, it's time to move on to more interesting things. In this part of the tutorial, my aim is to show you how you can dramatically alter the appearance of your pages by using background images. You begin in Macromedia Fireworks where you create the images you need before exporting them to your local site and implementing the images in your design through the power of CSS.

Requirements

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

Dreamweaver 8

• Try
• Buy

Fireworks 8

• Try
• Buy

Sample files:

• css_image_samples3_dw8.zip (ZIP, 30K)

Prerequisite Knowledge

Part 1 and Part 2 of this series and a basic knowledge of working with Dreamweaver and Fireworks

Page 1 of 4

Next Page

About the author