From the course: Dreamweaver CC Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The DOM panel - Dreamweaver Tutorial
From the course: Dreamweaver CC Essential Training
The DOM panel
- [Instructor] The DOM panel is one of the most powerful tools in Dreamweaver. It's also fairly easy to use, but, and it's a big but, you need to be familiar with the Document Object Model, or DOM for short to be able to use it. Even if the DOM sounds like gobbledygook to you, stick around, I'll explain the basics. The DOM panel is the first tab in the bottom panel group in the standard work space. If you can't see it, go to the Window menu and select DOM. There's also a keyboard shortcut; ctrl + F7 on windows, or cmd + F7 on a Mac. The Document Object Model acts as a road map for browsers, telling them how to display all the elements on the page, how to apply CSS to them, and controlling interactive features with JavaScript. I've opened index with html in the chapter one 01_06 folder of the exercise files. And the DOM panel displays a diagrammatic representation of all the html elements on the page. At the top is the html root, and nested inside are the head and the body elements. If…
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
-
-
-
Initial setup and the Start screen7m 24s
-
(Locked)
Document view options7m 59s
-
(Locked)
Toolbars8m 57s
-
(Locked)
The Insert panel and Quick Property Inspector8m 28s
-
(Locked)
Customize the insert panel4m 43s
-
(Locked)
The DOM panel7m 2s
-
(Locked)
The CC Libraries and Assets panels8m 4s
-
(Locked)
The Property inspector and other panels7m 4s
-
(Locked)
Manage workspaces7m 2s
-
(Locked)
Change Preferences10m 59s
-
(Locked)
What's different in the Mac version5m 8s
-
-
-
-
-
-
-
-
-
-
-