by older browsers. Because this is the case, use these options according to your organizational environment. Figure 5.9. Use the CSS Styles category to define how Dreamweaver writes the code that defines CSS styles. [View full size image] A complete list of the functionality in the CSS Styles category is provided here: When creating CSS rules use shorthand for: Choose from this list of options to declare which CSS styles Dreamweaver should use shorthand for. Options include Font, Background, Margins and Padding, Border and Border Widths, and List-Styles. When editing CSS rules use shorthand: Choose from these options to control whether Dreamweaver rewrites existing CSS styles in shorthand. Choose the If Original Used Shorthand option to keep styles as they are when CSS styles are edited; enable the According to Settings Above option to rewrite CSS based on settings you choose from the Use Shorthand For check box list (this is the option selected by default). Keep the Open CSS Files When Modified option checked to automatically open the CSS file when a change to the file has been detected from a Dreamweaver CSS styles-editing tool such as the CSS Styles panel. Personally, I find it rather annoying that the CSS file opens every time I make edits, so I always disable this check box. When double-clicking in CSS panel: Choose an option from this list to set which built-in CSS editor opens when you double-click in the CSS panel. Options include the CSS dialog, the Properties pane, and Code view. The File Compare Category One of the newest features in Dreamweaver 8 is the ability to install, set, and use a file compare program directly from Dreamweaver. A file compare program is a software application that allows you to compare (otherwise known as "diff"), line by line, differences between two files. For instance, if you've made changes to a file, saved it with a different name, and then wanted to compare the changes in the new file versus the structure of the original file, you could easily compare the two using a file compare program. The file compare program scans the files line by line and presents both files, side by side, with the differences highlighted. Although file compare programs have been around for some time, it's not until the release of Dreamweaver 8 that support for file compare programs has been integrated directly into Dreamweaver's interface. In the next two sections, we'll walk through identifying and installing a file compare program and then setting the Dreamweaver Preferences to use the file compare program. Installing a File Compare Program Although numerous file compare programs exist for you to download and try, the one I've been using for years, WinDIFF, is arguably archaic in its implementation but is simple to install and use. To download and install WinDIFF, follow these steps: 1. Go to http://www.dreamweaverunleashed.com and choose the WinDIFF option from the Tools page. The WinDIFF.zip file begins to download. 2. Create a folder called WinDIFF in the Program Files directory of your computer. 3. Open the ZIP file you just downloaded and extract the windiff.exe and gutils.dll files, copying them into the C:\Program Files\WinDIFF folder. That's it! You're now ready to begin using WinDIFF. Setting Dreamweaver to Use the File Compare Program After you've copied the WinDIFF files to your computer, you're ready to set the File Compare preferences in Dreamweaver. Doing this allows Dreamweaver to automatically open WinDIFF when you want to compare two files. To set WinDIFF as