Start Basics Color Forms Frames Images Links Lists Tables Type

Start: Dreamweaver 4
Tour Dreamweaver 4

Install Dreamweaver 
Open Dreamweaver
Design View
The Title and Menu  Bars  
The Toolbar and Head Content

The Property Inspector
The Objects Panel

The Launcher
The Status Bar

 

Dreamweaver is a WYSIWYG (What You See Is What You Get) web page editor and powerful site manager. 

Dreamweaver has a reputation for creating clean HTML code.  Among its tools are powerful ways to control the layout and design of both a web page and a complete web site.

Install 
Dreamweaver

Install Dreamweaver as you would any other new software. Normally the Installation Wizard will start as soon as you place the program in your CD-ROM drive. 

Or open the directory and the Dreamweaver folder and double click on the application to start the installation.

Follow the directions on the screen to install Dreamweaver.

Open 
Dreamweaver

 

You can open Dreamweaver in two basic ways:
  • Click on the Start button in the lower left corner of your screen.
  • Choose Programs, Macromedia, Dreamweaver

Or you can click on the shortcut button located on your desktop.

Dreamweaver shortcut icon
Dreamweaver shortcut button

NOTE:  To put the shortcut on your desktop, use the following procedure:

  • Navigate to the Macromedia folder in the Program Files folder on your hard drive.
  • Open the Dreamweaver folder.
  • Right click on the Dreamweaver application and choose Create shortcut.
  • Drag the shortcut you have just created to your desktop. 
When you launch Dreamweaver for the first time, it will ask you to define a local root folder. You will define this folder when you are ready to create your first web pages in Dreamweaver.

Meanwhile, cancel the dialog box and take a look around the work area. 

Standard Dreamweaver Work Area
Design View You will see:
  •  the standard menu and tool bars across the top of the screen
  • a large white space called the document window
  • a number of floating panels 
  • a status bar along the bottom of the screen.

NOTE: the appearance of the bars and  panels on your screen may vary, as Dreamweaver defaults to the look it had the last time it was opened.

If your Dreamweaver screen does not look exactly like the screen displayed here, you can learn how to add and remove the various objects in the next lesson:  Customize Dreamweaver 4.

Let's examine each of these objects in a little more detail.

Title and Menu Bars At the very top of the screen are the title bar and the main menu bar.
The Title Bar indicates the title you have given the current document.

The Menu bar gives you access to the drop down menus associated with its commands.

For example, the file menu is where you would find commands to open, save, and close files.

Take a minute to click on each menu item and note the commands. We will look at each of these commands more closely when you are ready to use them.

The Toolbar 
Head Content
Just below the menu bar are the toolbar and the menu content bar
The toolbar buttons allow you to switch the document window quickly from one view to another.  They also allow quick access to file managements tools.  

The text bar in the center of the toolbar contains the name of the current document.

Just below the toolbar is the head content bar.  Clicking on the icons will display information about the content of the <HEAD> tags on the page.
The Property Inspector The Property Inspector is a smaller window that floats on the document window.  It allows access to the attributes and values you can assign to whichever page element you have selected to work on.
Property Inspector--Default View
The Property Inspector
The Property Inspector will adapt to the nature of the element you have selected to work on. The default Property Inspector shown above provides you with the ability to manipulate text.

We will examine the property inspector more closely as we discuss the elements of the web page.

 

The Objects Panel

Objects Panel

The Objects Panel The Objects Panel is a floating window that provides you easy access to commands to insert objects such as images, audio and video files, and form objects. 

You can customize the objects panel to display your favorite objects.

At the bottom of the objects panel and buttons that allow you to toggle between the various views available for the document window.

The Launcher The Launcher is a floating panel that gives you quick access to useful aspects of Dreamweaver such as the site map, style panels for HTML, Cascading Style Sheets and java script, your history of your work on a site page, and a code inspector.
Launcher Bar
The Launcher Bar
The Status Bar The Status Bar at the very bottom of your screen displays very useful information about your page as it develops.
Status Bar
The Status Bar
The HTML tags used on the current page are displayed on the far left..

A smaller version of the launcher is displayed on the far right.

To the left of the mini launcher is information about the size of your screen display and your download time.

To learn how to rearrange your workspace, go to Start: Customize Dreamweaver.

More specific information about each of these toolbars and windows is located in the lessons in which you will actually use the various menu commands.

Start: Dreamweaver 4
Overview
Tour Dreamweaver 4
Customize Dreamweaver 4

Create a Local Web Site

Start Basics Color Forms Frames Images Links Lists Tables Type

Personal Home PageWeb Design CenterTutorial MenuTop of Page
Web Design Center
Last Revised:
September 2, 2001
© 1999 Agatha Taormina