Customize the appearance of Code and Design View in Microsoft Expression Web 3

As you create a new page and start adding content to it, or when you open an existing page, the way it appears in Code view or Design view is laid down by Expression Web. For instance, in Code view normal text appears in black, HTML comment appears in gray, in Design View Layout table border is green in color and so on .This is so that you can differentiate between the different elements and content on your page. But you can always customize them according to your liking.  

To customize colors and font in Code and Design View

  1. Go to Tools menu > Page Editor Options.
  2. In the Page Editor Options dialog box, switch to Color Coding tab.
  3. The default selection is Code View unless you changed it. Choose the view you want to customize.
  4. Choose an item from under the Display items box and select Item Foreground, Item Background and Font style.
  5.  page_ed_color_coding

  6. Click OK.

Filed Under: Expression Web


About the Author: Minal is a freelance web and graphics designer. She specializes in designing Logos, Stationery, Graphics and Icons as well as website templates using graphical tools like Photoshop, Illustrator and Expression Web. Twitter @saffronstroke

RSSComments (4)

Leave a Reply | Trackback URL

  1. hello minal i am anirudha gupta from india i am web developer so are you give me some ebook for web development like or MVC
    if yes then thank you

    send ebook @

  2. Nick says:


    It’s great but is there any way to save these settings? Lets say I want to transfer these setting from my laptop at PC, or from the home computer to the computer at the office? Because its takes enough time to configure it.


    • Minal says:

      Hi Nick,

      Yes, it is possible but only through the registry. And let me warn you before you do this since editing the registry directly is usually not recommended and will be done at your own risk.

      The registry key in question is HKEY_CURRENT_USER\Software\Microsoft\Expression\Web\4.0\HTMl View (replace “4.0” with “3.0” if you’re still on version 3). Bring up regedit.exe, either by browsing to it in your Windows directory or by typing the name in the Start Menu Run command window, then browse to the correct registry key. Right-click on that key and select Export. Copy the resulting file to the other machine you wish to transfer the settings to, then double-click on it to copy the settings to the registry.

      Hope this helps.


Leave a Reply