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

How to Use Dreamweaver Tracing Images

By , About.com Guide

Dreamweaver makes it easy to take a design built by a graphic artist and convert it to HTML. Tracing images put the graphic design in as a faded background that you then put your HTML elements on top of.

Tracing images are one of the lesser known features of Dreamweaver, but once you start using them, you'll wonder how you ever made Web pages before.

I use them primarily to show me how wide I should make my pages and where the "fold" will be on various monitor resolutions. And this tutorial will provide you with both the tracing image to determine page widths but also how to incorporate it into your Dreamweaver Web pages.

Images 1-11 of 11
Save Your PageSave Your PagePage PropertiesPage PropertiesTracing Image PanelTracing Image PanelSelect Your Tracing ImageSelect Your Tracing Image
Move the ImageMove the ImageSelect the OpacitySelect the Opacity50 Percent Opaque50 Percent OpaqueTracing Image AppearsTracing Image Appears
Style your HTML and BodyStyle your HTML and BodyZero Out Margins and PaddingZero Out Margins and PaddingReady to DesignReady to Design
  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. HTML Editors and Software
  5. HTML Editors
  6. Dreamweaver
  7. Dreamweaver How Tos
  8. Dreamweaver Tracing Images - How to Use Dreamweaver Tracing Images>

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

All rights reserved.