Join James Williamson for an in-depth discussion in this video Positioning background graphics , part of Dreamweaver CS6 Essential Training.
- View Offline
- Exercise Files
In our previous movie we saw how effective background images can be in…enhancing your visual design.…In this movie, we are going to explore you can exert more control over your…background images through positioning images within their container elements.…This allows us to create images that change based on things like user…interaction or as we are going to be doing in this example, using a single image…for several different elements on the page.…So here, I have the index.htm from the 07_09 folder opened up.…I have Live View turned on, and I scrolled down to the last series of Info boxes…in the sidebar here and I have Connect with us.…
Now if I hover over these, this one is Follow us!…That must be Twitter, Google Plus, that isn't like Google Plus.…Be our friend that must be Facebook and then this one is supposed to say…LinkedIn Let's connect.…So for some reason whatever reason we're only seeing one icon there and I…need to change that.…Well, the technique that we are going to be using here is a technique called CSS Sprites.…
- 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.