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.

Using the Code Navigator

Using the Code Navigator - Dreamweaver Tutorial

From the course: Dreamweaver CS6 Essential Training

Start my 1-month free trial

Using the Code Navigator

In our last movie, I showed off CSS Inspect, which allows you to preview the Box Model properties of elements while in Live view. In this movie, I want to show you another feature that I consider to be equally, if not more important, to your daily styling workflow and that's the Code Navigator. The Code Navigator gives you an easy way to access and modify your styles, from anywhere in your document, without having to know exactly which rule is controlling the element from within your styles. As your site gets more complicated, it's not unusual to have styles in various places throughout your site. All coming together at run time to determine the final rendering. Because of this it can often be very difficult to know exactly which rule to modify to achieve the desired results. The Code Navigator can help you narrow that process down. Now, I actually know of no other feature that's been as unfairly vilified as the Code Navigator and let me show you why. I have the spotlight file here…

Contents