DreamweaverMX Tutorials

2. Workspace

2.5 Panel Groups

Dreamweaver combines a series of tabbed windows as Panels, located initially on the right-hand side of the screen. Docking, which hides panel contents, maximizes screen area -- allowing you to expand only those panels that you need.

After you have become familiar with Dreamweaver, you can customize the interface to make the program work best with your particular needs.

Use the context menu (illustration, lower left) in the upper right hand corner to create a new panel group if you want to use a panel separately from those it is docked with or if you want to rearrange the order of the tabs.

The view of the Design panel group (illustration, lower right) shows the end result of Lesson Step 3 (box).

Next: Site Window

this lesson

Click the arrow on the Design panel group to make it expand. If it is not visible, choose Window > HTML Styles.
Click the context menu in the upper right corner and choose HTML Styles from the drop down menu. This will create a separate panel group that contains only HTML Styles.
Select the HTML Styles panel; click the context menu. Choose Group HTML Styles With from the drop-down menu; choose Design panel group from the list. Notice the change in tab order (per illustration at the left).
Rest the pointer over the dots to the left of the Design panel group arrow. When the pointer turns into a hand (Macintosh) or a crosshair with arrows (Windows), click and drag the Design panel group out of the window to release it. You can now position this panel any place on the screen.
Rest the pointer over the dots to the left of the Design panel group arrow. When the pointer turns into a hand (Macintosh) or a crosshair with arrows (Windows), click and drag the Design panel group back to the top of the panel groups window and release it when you see a gray line above the Code panel group. This is how you re-arrange the order of the panels.