1. Home
  2. Computing & Technology
  3. Web Design / HTML

Macromedia Dreamweaver MX 2004 Walk-Through

By , About.com Guide

4 of 10

Dreamweaver Panel Tools: Design Panel

Design Panel

Design Panel

Jennifer Kyrnin

On the right pane in a standard installation, are several windows docked together. These tools give you access to all sorts of different things within Dreamweaver. The first tool is the Design Panel.

The Design window helps you to set your CSS styles and design your Web page completely with CSS rather than tables or fonts or other deprecated HTML markup. To create a new style, click on the "New CSS Style" icon in the lower right corner of the window. You can also attach a style sheet to your Web page here, or write all your styles as in-line styles.

The second tab in the Design window is the layers tab. IF you use layers within your document, they will show up in this tab and allow you to manipulate them. You can see at a glance the visibility of your layers as well as their z-index and more.

Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. HTML Editors and Software
  5. HTML Editors
  6. Dreamweaver
  7. Macromedia Dreamweaver MX 2004 Walk-Through

©2009 About.com, a part of The New York Times Company.

All rights reserved.