1. Home
  2. Computing & Technology
  3. Web Design / HTML

How To Create a Macromedia Dreamweaver MX Snippet

By , About.com Guide

Snippets are a powerful new addition to the Dreamweaver toolset. They make it easy to save blocks of code that you use often or put the same conversion on a block already written on your page.
Difficulty: Average
Time Required: 5 minutes
Here's How:
  1. Open Dreamweaver MX and in the Window menu, choose snippets. Or you can hold down the shift key and press F9 (Shift-F9). Dreamweaver comes pre-installed with a number of useful snippets.
  2. Highlight the text or code you wish to turn into a snippet.
  3. Click on the New Snippet icon below the snippets window. It looks like a file with a plus sign.
  4. Give your snippet a title.
  5. Give your snippet a description.
  6. If the snippet is to wrap around text on the page, choose "Wrap selection", or if you want a single block, choose "Insert Block".
  7. Add the code for the snippet, if you did not have any code highlighted.
  8. Choose how you want the preview in the snippet pane to display - as code or design.
  9. Click OK.
Tips:
  1. Be sure to check out the pre-installed snippets. There may be one or two there that would help you manage your site.
What You Need:
  • Macromedia Dreamweaver MX
Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2009 About.com, a part of The New York Times Company.

All rights reserved.