Dreamweaver CS3: The Missing Manual

Chapter 12. Spry

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 Meebo, all of which offer a high degree of interactivity without resorting to multimedia plug-ins like Flash. Google Maps 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, adds a new set of JavaScript tools to Dreamweaver CS3. Based on what Adobe calls its “Spry framework for Ajax,” Dreamweaver’s new Spry toolset lets you add interactive page elements like drop-down navigation menus, tabbed panels, and XML-driven, sortable data tables.

What is Spry?

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