- Introduction
- Understanding HTML
- Using the Reference Panel
- Using Code View
- Using Code Live View
- Setting Code View Options
- Entering HTML Code
- Using Code Hints
- Working with HTML Head Tags
- Inserting HTML Comments
- Using the Coding Toolbar
- Using Quick Tag Editor
- Using the Tag Inspector
- Using the Tag Chooser
- Opening Related Files
- Navigating to Related Code
- Setting Site Specific Code Hints
- Setting Code Hint Preferences
- Setting Code Format Preferences
- Setting Code Rewriting Preferences
- Setting Code Color Preferences
Setting Code Color Preferences
You can use the Code Coloring section of the Preferences dialog box to specify colors for general categories of tags and code elements, such as HTML Image or style tags, Library items, or CSS properties. For a selected tag or code element, you can specify the text color, background color, and any formatting (Bold, Italic, or Underline) you want to make it easier to work with your code. In Code view and Live Code view (New!), you can specify different colors for backgrounds and code to make it easier to read.
Set Code Color Preferences
- Click the Dreamweaver (Mac) or Edit (Win) menu, and then click Preferences.
- Click the Code Coloring category.
- Click any of the color boxes, and then select a color.
-
Default Background. Default Code view background color.
-
Hidden Characters. Hidden character code color. (New!)
-
Live Code Background. Live Code view background color. (New!)
-
Live Code Changes. Live Code view code change color. (New!)
-
Read Only Background. Read only background color. (New!)
-
- Click the document type in which you want to set code colors.
- Click Edit Coloring Scheme.
- Select the style for the document type you want to change.
- Specify the text color, background color, and any formatting (Bold, Italic, or Underline) you want.
The sample code in the Preview pane displays the new styles and colors.
- Click OK.
- Click OK.