ONLINEPICTUREPROOFING.COM

acrobat - www.onlinepictureproofing.com

Menu


detaching the Library item from the original, you can no longer update this occurrence of it when the original is edited. 3. Click OK to detach


the Library item. 108 Part II: Looking Like a Million (Even on a Budget) Using a Tracing Image to Guide Your Layout The Macromedia Tracing Image feature is unique in the world of Web design tools, although the concept dates back to the earliest days of design. The Tracing Image feature enables you to use a graphic as a guide to your page design, much like an artist who creates a sketch and then paints the final picture over the sketch. The Tracing Image feature is ideal for people who like to first create a design in a program such as Photoshop or Fireworks and then model their Web page after it. By using the Tracing Image feature, you can insert an image into the background of your page for the purpose of tracing over it. Then you can position layers or create table cells on top of the tracing image, which makes exactly re-creating your design in HTML easier. You can use JPG, GIF, or PNG images as tracing images, and you can create them in any graphics application that supports these formats. Although the tracing image appears in the background of a page, it doesnt take the place of a background image and will not display in a browser. Figure 4-13: The Properties inspector features a Detach from Original button, making it easy to break the link between an element on a page and a corresponding Library item. Chapter 4: Coordinating Your Design Work 109 To add a tracing image to your page, follow these steps: 1. Create a new page or open any existing page in Dreamweaver. 2. Choose Modify?Page Properties. The Page Properties dialog box opens, as shown in Figure 4-14. 3. Select Tracing Image from the Category list on the left of the dialog box. The Tracing Image options display on the right. 4. Click the Browse button to locate the image you want to use as a tracing image. The Select Image Source dialog box appears. 5. Click the image you want to trace from. 6. Click OK. 7. Set the opacity for the tracing image with the Transparency slider. Lowering the transparency level causes the tracing image to appear faded, which makes distinguishing between the tracing image and content on the page easy. You can set the transparency level to suit your preferences, but somewhere around 50 percent seems to work well with most images. 8. Click OK. A tracing image appears in the Document window, as shown in Figure 4-15.