Dreamweaver Basics > About the different views in Dreamweaver > Using other Dreamweaver panels

Using other Dreamweaver panels

The Dreamweaver work area comprises many other panels. Here are just a few:

The Code inspector shows the code that browsers use to display the document as a Web page. To show or hide the Code inspector, choose Window > Code Inspector.

Changes you make in the Document window are immediately reflected in the Code inspector. When you enter HTML into the Code inspector and then click outside the inspector, corresponding changes appear in the Document window. For more information, see Using the Code view (or Code inspector).

For minor editing of HTML tags, you can use the Quick Tag Editor instead of the Code inspector. To display the Quick Tag Editor, press Control+T (Windows) or Command+T (Macintosh), or choose Modify > Quick Tag Editor. For more information, see Editing an HTML tag in the Design view.

The Reference panel provides detailed information about the HTML tag you are working on, including tag attributes. You can open the Reference panel from the Window menu, the Launcher bar, or the Code inspector.

For example, you can select an img tag, click the Reference button in the toolbar, and find out what attributes apply (align, border, and so on). For more information, see Using Dreamweaver's Reference panel.

The Dreamweaver JavaScript Debugger lets you debug client-side JavaScript. You can open the JavaScript Debugger from the Window menu. For more information, see JavaScript Debugger overview.