Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Adobe Dreamweaver

  • Print
  • + Share This
From the author of

Tracing Images, Background Colors, and Images

Once you apply a Tracing Image to your page, it will hide the background color and background images while you are editing the document inside Dreamweaver. However, if you view the page that contains the Tracing Image from a browser, the background color and/or background image will be visible and the Tracing Image will not. In other words, Tracing Images are only visible to you while you're working in Dreamweaver. This is a good thing, because you don't want people seeing your blueprint, you want them to see the final results.

The Tracing Image is an internal function of Dreamweaver to help you follow a preconceived layout. When you preview the file on the left in a browser (see Figure 5), it remains empty because there is no placed artwork yet.

Tracing Images, Layers, and Tables

The following chart outlines the concepts behind Tracing Images, Layers, and Tables, which you will learn about in the following exercise.

Tracing Images, Layers, and Tables



Tracing Image 

Consider this the bluepring you follow to build your pages.


This is where you put your text and images so you can move them around freely. The downside to using Layers is that they only work on 4.0 browsers and above.


Tables work on almost all browsers, from version 2.0 and above. Tables can hold images and text in place, but they are not intuitive when it comes to design. It's ultimately the best of both worlds to design with Layers and convert to Tables.

  • + Share This
  • 🔖 Save To Your Account