在策划网页时,通常会用Photoshop等绘图软件来大概设计网页草图,并保存为gif或jpg格式。在Dreamweaver中可以将这些图像文件作为跟踪图像使用。
本例就将预先制作好的网页文件作为跟踪图像来制作出网页文件的布局,最终效果如图3-42所示。
图3-42 最终效果
1 在.htm文件中插入跟踪图像。
2 调整文档空白。
1 在属性面板中单击“页面属性”按钮。在打开的“页面属性”对话框中,插入文件名为“tracimg.jpg”的图像文件,如图3-43所示。
2 调整跟踪图像的透明度为50%,如图3-44所示。
图3-43 插入“跟踪图像”
图3-44 调节跟踪图像的透明度
3 通过“外观(CSS)”中的“左边距”和“上边距”数值来调整文档空白,如图3-45所示。
图3-45 调整文档的空白
4 完成设置后的页面效果如图3-46所示。
图3-46 设置完成后的效果