O'Reilly logo

Dreamweaver 8: The Missing Manual by David Sawyer McFarland

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Tutorial: Adding Rollover Images

Adding interactive elements to a Web page can be quite a chore. Unless you're a programmer, learning and using the JavaScript programming language is time consuming and frustrating. Fortunately, Dreamweaver does most of the work for you, with its powerful, yet easy-to-use, behaviors (described in detail in Chapter 11).

In this tutorial, you'll add rollover images (Section 5.4.1) to a page on the National Exasperator Web site.

Note

Before you begin, you'll need the tutorial files from www.sawmac.com/dw8/. Click the Tutorials link. Then click the Chapter 5: Rollover Tutorials link to download the files to your computer.

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. In Dreamweaver, choose Site Manage Sites.

    The Manage Sites window opens.

  2. Click the New Button and, from the pop-up menu, select Site.

    The Site Definition window opens. In the first tutorial, you used Dreamweaver's Site Definition wizard (the Basic tab in this window) to get started. You'll use the Advanced tab this time, so make sure you've selected it. (There's more detail about the Advanced tab in Chapter 13.)

  3. In the Site Name box, type Rollovers .

    Dreamweaver will use this name while you're working on this tutorial.

  4. Click the folder icon ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required