Dreamweaver’s Panels Help You Integrate Programs - dummies

Dreamweaver’s Panels Help You Integrate Programs

By David Karlins, Doug Sahlin

Many of the main features of Dreamweaver are accessed through panels, which are ubiquitous to Adobe Creative Suite (CS). Dreamweaver’s panels are viewed, moved, and stacked in similar ways in Dreamweaver, Photoshop, Illustrator, Fireworks, and other CS siblings.

You’ll find this commonality helpful as you (as designer) integrate Dreamweaver with Illustrator, Photoshop, and other CS6 applications. If you haven’t been exposed to other Adobe apps, the basic concept is you can view (or hide) panels by selecting them from the Window menu, and you can drag them around on the screen by clicking and dragging on the panel’s title bar (the strip at the top of the panel).

All panels are accessed from the Dreamweaver Window menu.

One quick, easy way to array panels in the Document window is to use workspace layouts, which are simply collections of panels prepackaged by Adobe. Choose Window→Workspace Layout for your choices, and the submenu appears. The panels associated with the different workspace layouts vary, as does the location of the panels, based on what workspace layout you choose.


You can also customize and save your own workspace layout by simply positioning objects where you want them by choosing Window→Workspace Layout→New Layout. When you do that, the Save Workspace dialog box appears, and you can create a new workspace layout by entering a name in the Name box.

For example, if you want to define a workspace with just the CSS Styles panel and the Properties Inspector, you can view those two panels and then define them as a workspace.