Join James Williamson for an in-depth discussion in this video Creating CSS-based rollovers , part of Dreamweaver CS6 Essential Training.
- View Offline
- Exercise Files
Although we aren't going to do anything in this movie that we haven't already…done in one form or another, stick with me, because in this movie we're going to…tie everything that we've learned about styling links together to explore making…CSS-based rollovers.…We'll focus on a background image based rollover, but the same techniques…that we're going to use here would also work with background colors or foreground colors.…The ability to create CSS-based rollovers is based off of the use of what we…call pseudo selectors.…There are many different pseudo selectors, but the link, visited, hover, and…active pseudo selectors allow us to respond to user interaction on our links.…
In the past we've needed to be very careful in how we added these…pseudo-selectors as browsers were very inconsistent in how they handled visited links.…Now the browsers have more or less standardized how visited links are handled we…can use the hover pseudo selector to control user interaction on links without…worrying about the negative effects of visited links.…
- 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.