Insert Code Snippets in Microsoft Expression Web 3

A code snippet is a piece of code. If there is some code that you may need to use often, you can create a code snippet for that code. Microsoft Expression Web has few built-in code snippets that you can use as they are or you can modify them as per your requirement.

To create a code snippet:

  1. From the Tools menu choose Page Editor Options.
  2. In the Page Editor Options dialog box, switch to the Code Snippets tab and click Add.
  3. In the Add Code Snippet dialog box, fill out the following fields:
    • Keyword: Type a unique word that describes the code snippet, its function. This would help you locate the code snippet from the list of code snippets.
    • Description: A description of the code snippet.
    • Text: Type in the text that is to be displayed by the code snippet.
  4. add_code_snip

  5. When done click OK and the newly created code snippet will be added to the existing list of snippets.

To insert a code snippet in a page

Follow these steps:

  1. In Code View or Split View of your page, place the cursor where you want to add the code snippet and do one of the following:
    • Key in CTRL + Enter.
    • Go to Edit menu > Intellisense > Code Snippets.
    • Display the Code View toolbar (Right click on any toolbar and choose Code View) and select list_code_snippets_but¬†button (List Code Snippets button).
  2. In the displayed list of snippets, do one of the following:
    • Scroll down to find your code snippet, hit enter, tab or double click on it.
    • Type in the name of the snippet and once found, hit enter, tab or double click on it.

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 (5)

Leave a Reply | Trackback URL

  1. Paul Liles says:

    When I upgraded to Web 3 I lost all my Web 2 snippets… How can I move them or transfer them into the new release. This is a pain (it also happened when I went from Web to Web 2)

  2. […] 2, Expression Web 3, import code snippets from Expression Web 2 trackback In my earlier article Insert Code Snippets in Microsoft Expression Web 3, we saw how to use the built-in code snippets and create your own snippets to make your coding […]

Leave a Reply