Back to Index

This is a screenshot of the dreamweaver interface for Windows.

 

 

The largest window is the preview window. Surrounding the preview window Are the Menu bar and Insert panel above, the tag inspector and properties inspector below, and an assortment of panels used to control various functions within Dreamweaver.

 

The Insert Bar

 

Mac Version...

 

The insert bar has several object categories available as tabs in the upper half of the bar. Each category has a number of available objects which appear as icons in the lower half of the insert bar. Make sure you can see both halves of the Insert Bar...it is possible for them to be minimised. You will use the Common and Layout and Text toolbars continuously as you mark-up a page.

 

The Tag Inspector

 

Although tiny, the Tag Inspector is one of the most vital aspects of Dreamweaver. It is essential for correctly selecting a complete tag, so as to move or delete it, or change its style. Wherever you are working in the preview window, the tag inspector shows you which tag you are editing.

 

The Properties Inspector

 

 

 

This panel allows you to view and edit information about the selected tag. The contents of the properties inspector will change depending on which tag is selected. The screenshot shows the properties of the heading (h1) for this page.

 

The Panel Dock

The Panel Dock contains a number of control panel sets. Each set usually has several tabbed panels. A panel set can be opened or collapsed by clicking on the small triangle to the left of the set name

 

Shown here are the Design panel set, which has two panels, CSS Styles (active) and layers. Note the small toolbar at the base of the window.

 

Beneath that is the Tag panel set (Attribute, Behaviors and Relevant CSS). Attributes and Relevant CSS give you more detailed information about the currently selected tag. These can be useful for troubleshooting.

 

Lowest is the Files Panel Set. This is the one use will use most. It provides one of the best ways of linking pages and attaching images to your work