CBT Cafe Logo  

CBT Cafe > Dreamweaver > Basics

Dreamweaver: Using Tracing Images

Dreamweaver's Tracing Image feature is a great tool for organizing your site layout. You can comp out your site in say Fireworks or Freehand and then bring it into Dreamweaver to use as a guide to align tables and layers...really anything!

You can use images in either .jpg, .gif, or .png formats.

Tracing images do not get exported with the html. So you don't have to worry about the size of the file. For example, many of the png's I use for tracing images are upwards of 500k, depending on the project. Don't be concerned with that because none of that will affect your final HTML document.

Step 1: Create a new document

Make sure you've defined a new site or are working in a already Defined site.

Step 2: Insert the Tracing Image

  1. With the new page open, go to Modify>Page Properties.
  2. Go down to Tracing Image and click the Browse button to locate the image you wish to use as the Tracing Image.

Note, be sure not to select Background Image as this is NOT what you want.

Background images are images that WILL be part of your final HTML document and will be visible.


Step 3: Select the Tracing Image

Once you've located the image, select it and choose Open.

Page 1 | Page 2



Home | Dreamweaver | Fireworks | Flash | Photoshop | Elements | PowerPoint| Ebay | QuickTime Pro | Flash 5 CD | Fireworks MX CD | QuickTime Support | Contact

Copyright © 1999-2011 CBT Cafe, All rights reserved

Flash®, Fireworks™, and Dreamweaver® are registered trademarks of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark

CBT Cafe | Multimedia Learning | Interactive Graphics