types/editors panes allow you to quickly browse for and set external editors for specific file types. To set an external editor for a file type, follow these instructions: 1. From the Extensions list box, select the extension for which you want to configure an external editor. If an extension you're using is not listed in this pane (not likely), click the + icon to manually add it. For the sake of demonstration, I'll choose the .png extension. 2. Click the + icon located above the Editors pane. 3. The Select External Editor dialog appears, allowing you to browse to the executable of the program you want to associate with the selected file extension. In my case, I'll add Photoshop as an editor. On my computer, Photoshop is located at C:\Program Files\Adobe\Photoshop CS\photoshop.exe. Yours may differ. After you've found the program, click OK. 4. Dreamweaver adds the program to the Editors list. You can then choose between primary and secondary editors by choosing the editor and clicking the Make Primary button. That's it! You can repeat the process for the other file types that appear in the Extensions pane if you'd like. The Fonts Category You can use the Fonts category of the Preferences window, shown in Figure 5.12, to change the fonts that Dreamweaver uses in the Document window, in Code view, and for certain tags. Figure 5.12. Use the Fonts category to change the fonts Dreamweaver uses for display. [View full size image]   Remember, Dreamweaver uses the fonts listed here for display purposes only. Ultimately, these settings have no effect on what the end user sees in his browser. The end user always has the power of customizing the fonts he sees on all web pages by customizing the browser to use one of their system fonts. The following list shows a complete list of functionality exposed through the Fonts category: Font settings: Choose a language from this list to specify the set of fonts to be used in Dreamweaver for documents that use a given type of encoding. Proportional font: Choose an available system font and size to set the display of most text elements in Design view. Fixed font: Choose an available system font and size to set the display of text within <pre>, <code>, and <tt> tags. Code view: Choose an available system font and size to set the display of the Code view and Code Inspector. The Highlighting Category You can use options available from the Highlighting category in the Preferences window, shown in Figure 5.13, to customize the colors Dreamweaver uses to identify template regions, library items, third-party tags, layout elements, and code. Figure 5.13. Use the Highlighting category to customize the colors Dreamweaver uses to identify special elements. [View full size image]   NOTE Although the Highlighting category appears similar to the Code Coloring category, they are in fact, completely different. The Color Coloring category outlines how specific tags in code should be colored. The Highlighting category specifies how certain elements in the Designer are color coded to distinguish them from other elements.