The work space
When you first launch Dreamweaver, you'll see a screen similar to the one below. Although it looks very intimidating, it's not as complicated as it seems. In this tutorial we'll provide a basic overview of the Dreamweaver work space, and highlight some of the critical components that you'll need to understand as you build your Web site.
The various components are explained below the diagram.
Work space components
Standard toolbar: Allows you to perform many common tasks. For example under the File menu you can open, save, import/export, preview in browser, etc.
Document window: The example above show the html code view on the top, and the design view on the bottom. Using this view will help improve your html because you'll see how your changes in the design window affect your code.
Properties toolbar: The property inspector allows you to control the appearance of text and images. For text, it controls format, font, and style of text, as well as positioning, hyperlinks, etc. For images you control the source of the image and hyperlinks, as well as various formatting features. To find out more, check out our tutorial on using the property inspector.
Panel groups: The design and files panels are the ones you'll use most often. The design panel allows you to add and edit CSS styles, and JavaScript behaviors. The files panel allows you to see the structure of your site, upload and download files, etc.
Home | Design | Dreamweaver | Fireworks | Photoshop | AdSense
©2006 Wilk Web Works
All rights reserved.