Untitled Document

Dreamweaver CS4: Using Toolbars and Properties Panel

There are three categories of toolbars in Dreamweaver CS4: Style Rendering, Document, and Standard. Document and Standard toolbars are used separately in performing document-related and standard editing operations. The Style Rendering toolbar displays your page as it would appear in different media types. You can choose to display or hide the toolbars as necessary.

2.JPG
  • Select View > Toolbars, and then select the toolbar.

1.JPG

  • Right-click (Windows) or Control‑click (Macintosh) any of the toolbars and select the toolbar from the context menu.
  • To display or hide the Coding toolbar in the Code inspector (Window > Code Inspector), select Coding Toolbar from the View Options pop‑up menu at the top of the inspector.

Document Toolbar:

3.jpg

A.    Show Code View

B.     Show Code and Design Views

C.     Show Design View

D.    Live View

E.     Live Code View

F.      Document Title

G.    File Management

H.    Preview/Debug in Brower

I.       Refresh Design View

J.       View Options

K.    Visual Aids

L.     Validate Markup

M.   Check Browser Compatibility

For more detailed information, please refer to http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7fc1a.html

Properties Panel:

The Properties panel is also referred to as Property Inspector. It contains two categories: CSS and HTML. The Properties panel is a specialized panel that allows you to change object specific attributes and options.

  4.JPG

5.JPG

The new CSS tab in the Properties panel shows the styles for the current selection as well as all the applicable CSS rules. Hover over any property to view a tool tip with no-jargon English explanations of CSS principles. New CSS rules can be created and applied in the Properties panel and stored in the same document or an external style sheet. Dreamweaver CS4 even gives you control over the specificity of your rule: Just click Less Specific or More Specific in the updated New CSS.

 

ADOBE® DREAMWEAVER® CS4:Design, develop, and maintain standards-based websites and applications. ADOBE® DREAMWEAVER® CS4. Web. 2 October 2009. <http://a248.e.akamai.net/f/248/3214/1d/www.zones.com/images/pdf/adobe_dreamweaver_cs4_whatsnew.pdf>