From the course: Dreamweaver CS6 Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Styling images with CSS - Dreamweaver Tutorial
From the course: Dreamweaver CS6 Essential Training
Styling images with CSS
Usually placing the image on the page is just the beginning of making sure it fits within the design of your site. While there are certain properties that you can set manually on an image, for the most part you will want to customize the look and feel of your images through CSS. Using styles allows you to create different looks and behaviors based on where the image is found, the context in which it is being used or what type of image it is. The other rather obvious advantage to using styles for images is the ease of updating them. Rather than having to find dozens or even hundreds of images and modifying them individually you can update their specific style and have the change occur site wide. So to experiment with styling our images, I am going to go back to the Index file this time in the 07_07 folder and just as a recap from our previous movie if I select the image that we modified, the image Properties in our last movie I can see that it has the Class, articleImg applied to it…
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
-
-
-
-
-
-
-
-
-
-
(Locked)
Managing assets in Dreamweaver7m 30s
-
(Locked)
Setting external image editing preferences4m 26s
-
(Locked)
Placing images on the page10m 12s
-
Exploring Photoshop integration7m 17s
-
(Locked)
Modifying Smart Objects9m 42s
-
(Locked)
Modifying image properties8m 4s
-
(Locked)
Styling images with CSS6m 45s
-
(Locked)
Using background graphics7m 28s
-
(Locked)
Positioning background graphics10m 10s
-
(Locked)
-
-
-
-
-