Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
So just as a way of looking at what we are going to be doing with Spry in just a moment, I have the gallery.htm file open. I want to go up and show you where to find your Spry objects within Dreamweaver. If you look at the Insert panel and click on the Spry tab, you are going to see the following list of icons. Now these are broken up into three sections. The first sections deals with Spry data and getting HTML and XML data onto the page. The second section deals with form validation and it can make creating interactive form a snap.
The last section are our Spry widgets. You'll notice we have menu bars, tabbed panels, the tooltips that we are going to be using. The Spry widgets are basically user interface objects that allow you to show data in a pretty unique and interesting way. Let me show you what I mean. I am going to turn Live View on and then I'm just going to scroll down for Photo Gallery. And again if I hover over one of these more links, you'll notice that I get a little bit of information about that photo. I can get the caption and the quote from actual photographer that explains where the shot was taken, that sort of things.
This is a little cleaner and a little bit more standards compliant. Now if I scroll little bit further down the page towards the bottom, you can see right here I am initializing all of those Spry Tooltip widgets. Now could you do this by hand? Absolutely. If you feel like hand coding these, you can all day long. But through the use of the Insert panel and Dreamweaver's Design View you can do all of that without writing any code yourself. Now I want to point out one more thing about using Spry widgets that's incredibly important. If I look over at my Files panel, I can see I have a folder right here called Spry Assets.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.