Tracing images with Dreamweaver

Dreamweaver tracing image (tracing image) is an added feature in Dreamweaver 2.0, but we still have to mention it when we introduce Dreamweaver 4.0. A good way to get a good understanding of something strange is to compare it to something similar but already familiar, so let's take a look at the similarities and differences between it and what we usually call background images:
Same point: Tracing image is a picture that exists in the background of a page like a background image, and I think that's the only thing they have in common.

Different points:

1, tracing image will not be Dreamweaver tile (for a background image, if the image size is less than the size of the page will be tiled. )

2, you can specify the transparency of tracing image.

3, tracing image is only visible in the Dreamweaver, it will be ignored in the browser.

4, when the tracing image is visible in the Dreamweaver, the background image and background color will become invisible. But there's a switch that lets you choose whether you want to display tracing image or background images.

The following is a tracing image displayed in the document window (see Figure 1).

The procedure is as follows:

1, first of all, we want to make a model image. You can use any of your favorite image-editing applications to make this model image, as long as you end up saving it as a GIF, JPG, JPEG, or PNG format. Later, we'll use this model image as a guide to building the page layout. That is to say, first design and make a image of the page layout, and then put it as tracing image into the page, and then follow the image of the layout of the line, which for the overall planning of complex page layout is very good.


Figure 1

2, Next, I want to put this good image model into the required page. Select "View→tracing image→load", a dialog box will appear, find your image model and select it, then click [Select].

3. The Page Properties dialog box will appear immediately, by dragging the slider to specify the transparency of the image (transparent), and then clicking [OK]. You can choose another tracing image or change the transparency of the current tracing image by selecting "Modify→page Properties" at any time.