Dreamweaver MX: The Missing Manual

Tutorial: Adding Rollovers

Adding interactive elements to a Web page can be quite a chore. Unless you’re a programmer, learning and using the JavaScript programming language can be time-consuming and frustrating. Fortunately, Dreamweaver does most of the work for you, with its powerful yet easy-to-use Behaviors.

In this tutorial, you’ll add dynamic rollovers to the page you created in the first chapter.

Note

The tutorial in this chapter builds on the page you created in Chapter 1. If you no longer have that page handy, or you’d rather start fresh, you can download the example files from http://www.sawmac.com/dwmx/. Click the Tutorials link. Download the DWImages—Mac files link or DWImages—Win files, depending on the kind of machine you’re using (Mac or Windows).

After you’ve downloaded and decompressed the files, you should have a DWImages folder on your computer, containing the Web pages and graphics needed for this tutorial. If you’re having difficulties, the Web site contains detailed instructions for downloading the files you’ll be using with this book.

1. Define the DWImages folder as your root folder.

   If you’re working on the page you completed in Chapter 1, use the local site you defined for that tutorial. That is, choose Cosmo Farmer from your Site menu.

   If you’re starting fresh, see page 25 for complete instructions on defining a folder as your site folder. In short, this step involves choosing Site→New Site to open the Site Definition window; typing any name you like into the ...