reopen it by choosing the Preferences option from the Edit menu. 2. Switch to the File Compare category. 3. Click the Browse button and browse to the windiff.exe program file located in the C:\Program Files\WinDIFF directory on your computer. 4. Click OK to close the Preferences window. You can now compare files in Dreamweaver. Comparing Files Now that you've successfully copied the necessary WinDIFF files to your computer and you've correctly referenced the executable from the Preferences window in Dreamweaver, you're ready to compare files. Although the reasons for comparing files differ for each user, this section aims to expose the process so that when the situation arises, you'll understand how to do it. To compare two files in Dreamweaver, follow these steps: 1. If you don't have the Files panel open, open it now by choosing Window, Files or by pressing F8. 2. From the Files list, choose both the employeestore.htm and helpdesk.htm pages by holding down the Ctrl key and clicking to select both files. 3. Right-click one of the files and choose the Compare Local Files option from the context menu. 4. WinDIFF opens and displays the differences in code between the two files. As you can see from Figure 5.10, the differences between the two files are outlined in red and yellow for line 49. Figure 5.10. WinDIFF displays the differences between two files by highlighting the lines in red and yellow. [View full size image] The File Types/Editors Category One of the more important categories in the Preferences window is the File Types/Editors category. Shown in Figure 5.11, the File Types/Editors category allows you to set preferences for specific file types as well as external editors that should be opened when an element of a specific file type is edited directly from Dreamweaver. Figure 5.11. Use the File Types/Editors category to configure how Dreamweaver handles the direct editing of elements with specific file types. [View full size image] A complete list of the functionality in the File Types/Editors category is provided here: Open in code view: Use this text box to maintain a list (separated by spaces) of files with specific extensions that should be opened directly in Code view. External code editor: Assuming that you're using a language that contains third-party tags not supported in Dreamweaver, you can set the program to be used as the external editor by browsing to it from here. Reload modified files: Use this option to specify what you want Dreamweaver to do when it detects that changes have been made externally to a document that is open in Dreamweaver. Save on launch: Use this option to specify whether Dreamweaver should always save the current document before starting the editor, never save the document, or prompt you to ask whether to save or not each time you start the external editor. Fireworks: Specify the path to your Fireworks installation in this text box. Numerous Dreamweaver operations depend on Fireworks, such as the image-editing options in the Properties Inspector when an image is selected in the Document window.