Unit 2. The Dreamweaver Interface (I)

We're going to see what the basic elements of Dreamweaver MX 2004 are, the screen, the bars, the panels, etc, so as to know how to differentiate between each one from them. We'll learn what they are called, where they are and what they serve for. We'll also see how to obtain aid, in case at some moment we don't know how to continue working. When we know all this we'll be ready to begin to create web Pages.

The initial screen

When we start Dreamweaver an initial screen appears like this one, we're going to look at its fundamental components. We will thus know the names of the different elements and it will be easier to understand the rest of the course. The screen that is next (and in general all those of this course) does possibly not coincide exactly with what you see in your computer, since each user can decide what elements thay want to see at every moment, as we'll see ahead.


The tool bars


Title bar

The title bar contains the name of the program (Marcromedia Dreamweaver MX 2004) and the name of the document that will appear in the web browser and between parenthesis, their location, and the name of the file in HTML format . At the end on the right are the buttons to minimize, to maximize/restore and to close.

Menu bar

The menu bar contains the Dreamweaver operations, grouped in drop down menus. When we clic on Insert for example, we'll see the operations related to the different elements that can be inserted in Dreamweaver.

Many of the operations can be done from these menus, but sometimes it's preferable or unavoidable to do them from the panels.

The Standard ToolBar

The standard toolbar contains icons to execute in an immediate form some of the most habitual operations, like Open , Save , etc.

The document toolbar

The document toolbar contains icons to execute in an immediate form some other habitual operations that the standard toolbar doesn't include. These operations are for example changing the view of the document, preview, etc.

Panels and Inspectors


Dreamweaver uses floating windows similar to the toolbar, that are known as panels or inspectors. The difference between panel and inspector is that, in general, the appearance and options of an inspector changes depending on the selected object.

Through the Window option on the menu bar, it's possible to show or to hide each one of the panels or inspectors. We're going to look at the most important ones.

The Properties inspector

The Properties inspector shows and allows us to modify the more frequent properties that are used of the selected elements. For example, when the selected element is text it will show the type of source, the alignment, whether it's in italic or bold, etc.

Clicking on the button unfolds to show more options. This button is in the bottom-right corner.

It will surely be the tool that you are going to use most of Dreamweaver.


The insert toolbar or panel of objects.

The insert toolbar or panel of objects allows you to insert elements in a document without the necessity of using the menu. The elements are classified according to their category: tables, text, form, etc.

It's possible to configure this panel so that the icons of the objects are shown in the buttons (as in the previous image), that shows the names of the objects, or shows both simultaneously.


If you wish to you can customize the work area, we will explain how to do it here .

  Go to the previous page page Content  Go to the nex page  

Page 2.1

Legal warning: Authorised on-line use only. It is not allowed the use of these courses in companies or private teaching centres.
aulaClic. All rights reserved. Reproduction in any form whatsoever is prohibited.