Dreamweaver CS4: The Missing Manual

Chapter 12. Spry: Creating Interactive Web Pages

As a Web designer, you can count on one thing: The Web is always changing. Yesterday’s technology is yesterday’s news—remember Java applets, frames, and messages that scroll in your browser’s status bar? You can see the most recent Web design innovations on Web sites like Google Maps, Flickr, and Facebook, all of which offer a high degree of interactivity without resorting to multimedia plug-ins like Flash. Google Maps, for example, lets you zoom in, zoom out, and scroll across a map of the world without loading a new Web page. Many of the most cutting-edge Web sites almost feel like the kinds of complex software you run right on your computer.

JavaScript—which has grown from a simple little language that helped create pop-up windows and image rollovers to a full-blown programming tool that can change the content of a Web page as you look at it—is the key to this interactivity. JavaScript can even update a page with new data that gets downloaded behind the scenes (that’s what’s happening when you scroll to new sections of that Google Map). Dreamweaver, which has always tried to provide tools to meet Web designers’ current needs, includes a set of JavaScript tools that let you add interactive page elements like drop-down navigation menus, tabbed panels, pop-up tooltips, and data-driven, sortable tables. That’s what this chapter is all about.

What is Spry?

You’ve already seen Spry in action in Chapter 5 and Chapter 11, where you learned ...