The Dreamweaver Interface

It is across the top of the application window and contains a workspace switcher, menus and other application controls.

• Document Tab

• Application Bar

• Document Window

• Document Toolbar

It contains the name of the file you are working on.

• Document Tab

• Application Bar

• Document Window

• Document Toolbar

It contains the buttons that provide options for different views of the document window.

• Document Tab

• Application Bar

• Document Window

• Document Toolbar

It displays the current document as you create and edit it.

• Document Tab

• Application Bar

• Document Window

• Document Toolbar

It is a part of the document toolbar which displays only the code of the webpage you are working on.

• Code View

• Live Code View

• Design View

• Split View

It is a part of the document toolbar which displays a fully editable view of the document as you design and edit its contents.

• Code View

• Live Code View

• Design View

• Split View

It is a part of the document toolbar which displays a side-by-side view of the code and design views.

• Code View

• Live Code View

• Design View

• Split View

It is a part of the document toolbar which displays the code that a browser uses to execute the page. The codes can be changed as you work with the page.

• Code View

• Live Code View

• Design View

• Split View

These help you monitor and modify your work.

• Panels

• Property Inspector

• Application Bar

• Document Window

It lets you view and change a variety of properties for the selected object or text.

• Panels

• Property Inspector

• Application Bar

• Document Window