Join James Williamson for an in-depth discussion in this video Adding Spry effects , part of Dreamweaver CS6 Essential Training.
- View Offline
- Exercise Files
The default styles for SpryWidgets are typically very generic and while they're…designed so that they won't exactly ruin a layout, it's doubtful you'll ever…have a situation where you don't want to modify them, at least a little.…Fortunately, Adobe has made that extremely easy to do.…So I have the graphic-design file open here from 11_04 directory, and before we…start styling our SpryWidget I want to go over the structure just a little bit.…So if I click inside one of these panels, I am going to switch over to a split…screen view so we can see what's going on here.…You can see that each one of these panels is a div with a class of…TabbedPanelsContent.…
Inside that is a group of them called TabbedPanelsContentGroup, and then the…tabs themselves have the very aptly named TabbedPanelsTab class and then the…whole thing is sort of wrapped in this TabbedPanels1 id or TabbedPanel.…So it's just a series of nested div tags and lists that have specific class…names applied to it.…All the widgets are structured this way.…
- Choosing and customizing a workspace
- Defining a new site
- Uploading files to your site
- Creating new documents and web pages
- Formatting source code
- Working with CSS
- Placing images and background graphics
- Creating links
- Styling a basic table
- Creating a web form with buttons, check boxes, and list menus
- Adding Spry effects
Skill Level Beginner
Photoshop CS6 for Web Design (2012)with Justin Seeley4h 56m Appropriate for all
Dreamweaver CS6 New Featureswith James Williamson1h 22m Intermediate
What is Dreamweaver?1m 4s
1. The Dreamweaver Interface
2. Site Control
3. Creating New Documents
4. Adding and Structuring Text
5. Coding in Dreamweaver
6. Managing CSS
7. Working with Images
8. Creating Links
9. Working with Tables
10. Working with Forms
11. Adding Interactivity
Additional resources1m 2s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.