Dreamweaver includes the following enhanced CSS features that provide a more sophisticated way to style and add interactivity to designs, and also includes feedback to improve visual editing.
Dynamic cross-browser validation automatically checks the current document for cross-browser compatibility issues when you save the document. You specify which browsers to target, and Dreamweaver checks to make sure pages are not using tags or CSS constructs that those browsers do not support. For more information, see Checking for browser compatibility.
Relevant CSS tab displays the CSS rules applied to the current Code view or Design view selection. Click any rule to see which attributes it specifies (border style, margin, padding, text size, and so on). Special markings let you know when a specific attribute has been overridden, and in-place editing allows for quick edits that are instantly reflected in Design view. For more information, see The CSS Properties tab.
CSS layout visualization makes laying out pages in CSS much easier. You can easily select div and other content blocks in Design view, then modify properties with the CSS Properties tab. For more information, see Laying Out Pages with CSS.
Improved CSS rendering means Dreamweaver can render more complicated CSS-based layouts and designs more accurately. Improved CSS rendering enables you to design more sophisticated layouts and use Dreamweaver design tools for robust visual manipulations.
Improved CSS Styles panel provides more options for editing styles in the current document. You can also now directly apply styles from the text Property inspector. For more information, see Using Cascading Style Sheets styles.
CSS-based text Property inspector lists all of the styles available for use in text, and includes a preview that shows what text will look like after the style is applied. For more information, see The Property inspector and text formatting.
CSS-based page properties give you more control of page properties, such as the appearance of headings and links, using modern CSS coding constructs. For more information, see About setting page properties.
Integrated image-editing toolbar enables you to do basic image manipulation and editing from Dreamweaver using Macromedia Fireworks technology. You can crop, resize, resample, and so on, without leaving Dreamweaver. For more information, see Editing images in Dreamweaver.
Send me an e-mail when comments are added to this page | Comment Report
Current page: http://livedocs.adobe.com/dreamweaver/mx2004/using/01_welc5.htm