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 |
| 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:
Or you can click on the shortcut button located on your desktop. |
|
|
NOTE: To put the shortcut on your desktop, use the following procedure:
|
||
| 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. |
||
![]() |
||
| Design View | You will see:
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. | |
![]() 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
|
|
| 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. | |
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. | |
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
![]()
![]()
![]()
![]()
Web Design Center
Last Revised:
September 2, 2001
© 1999 Agatha Taormina