Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Dreamweaver CS5 Essential Training, Adobe Certified Instructor James Williamson explores the tools and techniques of Dreamweaver CS5, Adobe's web design and development software. This course covers both the ins and outs of Dreamweaver, as well as recommended best practices for crafting new web sites and files, the fundamentals of HTML and CSS, and how to ensure clean and accessible code. The course also includes how to use tools in Dreamweaver to create and style web pages, manage multiple sites, and add user interactivity with widgets and scripting. Exercise files are included with the course.
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.
Find answers to the most frequently asked questions about Dreamweaver CS5 Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.