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.
Using CSS visual aids - Dreamweaver Tutorial
From the course: Dreamweaver CS6 Essential Training
Using CSS visual aids
When designing pages it's sometimes extremely helpful to note what you're looking at, or what the properties of an element are without having to resort to using one of the panels that we've been using up 'till now. Dreamweaver has several visual aids that you can use to assist you, when designing your pages with CSS. So with the programs.htm file open from the 06_09 directory, and we're just going to show off some of the visual aids here. Now, I of course had the foresight, because I'm the one writing the tutorial, right? But I'd the foresight to go in and turn all of them off. So your preview screen may look a little different than mine. I just want show a couple of these visual aids off to you. So in doing that I turned them all off and I'm going to turn them on at a time. So you can see kind of what those things are. Now you'll also notice that I'm in Design view and I'm not in Live view. So I've got Live view turned off and I'm in Design view, so that I can sort of see the visual…
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)
Setting CSS preferences9m 32s
-
An overview of the CSS Styles panel9m 23s
-
(Locked)
Creating a new CSS rule6m 42s
-
(Locked)
Using the CSS Rule Definition dialog7m 25s
-
(Locked)
Organizing styles7m 22s
-
(Locked)
Modifying style properties6m 17s
-
(Locked)
Controlling CSS through the Property inspector6m 37s
-
Attaching external style sheets5m 54s
-
(Locked)
Using CSS visual aids7m 3s
-
(Locked)
Using CSS Inspect6m 48s
-
(Locked)
Using the Code Navigator6m 39s
-
(Locked)
-
-
-
-
-
-