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

Using CSS visual aids - Dreamweaver Tutorial

From the course: Dreamweaver CS6 Essential Training

Start my 1-month free trial

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…

Contents