From the course: Dreamweaver CS6 Essential Training
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Positioning background graphics - Dreamweaver Tutorial
From the course: Dreamweaver CS6 Essential Training
Positioning background graphics
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
Managing assets in Dreamweaver7m 30s
-
Setting external image editing preferences4m 26s
-
Placing images on the page10m 12s
-
Exploring Photoshop integration7m 17s
-
Modifying Smart Objects9m 42s
-
Modifying image properties8m 4s
-
Styling images with CSS6m 45s
-
Using background graphics7m 28s
-
Positioning background graphics10m 10s
-
-
-
-
-
-