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 - Dreamweaver Tutorial
From the course: Dreamweaver CS6 Essential Training
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…
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
-
-
-
-
-
-
-
-
-
Setting CSS preferences9m 32s
-
An overview of the CSS Styles panel9m 23s
-
Creating a new CSS rule6m 42s
-
Using the CSS Rule Definition dialog7m 25s
-
Organizing styles7m 22s
-
Modifying style properties6m 17s
-
Controlling CSS through the Property inspector6m 37s
-
Attaching external style sheets5m 54s
-
Using CSS visual aids7m 3s
-
Using CSS Inspect6m 48s
-
Using the Code Navigator6m 39s
-
-
-
-
-
-
-