Join James Williamson for an in-depth discussion in this video Spry overview, part of Dreamweaver CS4: Introduction to Spry.
Spry is made up of three core components. These are Spry data, which handles data. Spry widgets, which can be thought of as pre-built interactive components. Spry effects, which can animate, hide, or otherwise modify page elements. These can be used independently or combined together to create compelling user experiences. Well, here in my browser I have one of those Spry widgets that I was talking about opened up. This is an Accordion widget and you'll notice it allows me to present a lot of information in a very small space.
Here we have the three bios of the founder sof the site, and they're presented in a very interactive, engaging manner through the use of Spry. Exactly how much work did it take to get that? Well, let's go back into Dreamweaver and check it out. So here we are back in Dreamweaver, and if I switch over to Code View, we can see that we've got two lines of code at the very top of the page, and these are linking to external Spry Assets. If I scroll a little bit further down the page, I see that I have a collection of div tags that are surrounding all of my bio information. So this is just normal XHTML structure. Each one of these is identified with classes and IDs that help create the widget structure.
- Validating form data to give users robust feedback
- Customizing widgets to meet the style of a web site
- Building a pull-down menu navigation system
- Pulling data from XML, HTML, and Excel spreadsheets
- Constructing datasets and widgets using code