Customizing code coloring preferences for a template

Customizing code coloring preferences for a template

Code color preferences control the text, background color, and style attributes of the text displayed in Code view. You can set your own color scheme so you can easily distinguish template regions when you view a document in Code view.

To set a Code view color scheme for templates:

  1. Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh).

    The Preferences dialog box appears.

  2. Select Code Coloring from the category list on the left.
  3. Select HTML from the Document Type list, then click the Edit Coloring Scheme button.

    The Edit Code Coloring Scheme dialog box appears.

  4. In the Styles For list select Template Tags.
  5. Set color, background color, and style attributes for the Code view text by doing the following:
    • If you want to change the text color, in the Text Color text box type the hexadecimal value for the color you want to apply to the selected text, or use the color picker to select a color to apply to the text. Do the same in the Background field to add or change an existing background color for the selected text.
    • If you want to add a style attribute to the selected code, click the B (bold), I (italic), or U (underline) buttons to set the desired style.
  6. Click OK.

Related topics

  • Setting highlighting preferences for template regions

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Laying Out Pages with CSS
Managing Templates
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly