Dreamweaver CC教程:使用跟踪图像

Dreamweaver CC教程:使用跟踪图像

Dreamweaver CC教程:使用跟踪图像

使用跟踪图像
可以使用跟踪图像作为重新创建已经使用图形应用程序(如 Adobe Freehand 或 Fireworks)创建的页面设计的指导。
跟踪图像是放在“文档”窗口背景中的 JPEG、GIF 或 PNG 图像。可以隐藏图像、设置图像的不透明度和更改图像的位置。
跟踪图像仅在 Dreamweaver 中是可见的;当您在浏览器中查看页面时,将看不到跟踪图像。当跟踪图像可见时,“文档”窗口将不会显示页面的实际背景图像和颜色;但是,在浏览器中查看页面时,背景图像和颜色是可见的。

将跟踪图像放在文档窗口中

1、执行下列操作之一:

选择“视图”>“设计视图选项”>“跟踪图像”>“载入”。 选择“文件”>“页面属性”,然后在“跟踪图像”类别中单击“浏览”(在“跟踪图像”文本框旁边)。

2、导航到图像文件,然后单击“确定”。
3、在“页面属性”对话框中,拖动“图像透明度”滑块以指定图像的透明度,然后单击“确定”。
若要随时切换到另一跟踪图像或更改当前跟踪图像的透明度,请选择“文件”>“页面属性”。

显示或隐藏跟踪图像

选择“视图”>“设计视图选项”>“跟踪图像”>“显示”。

更改跟踪图像的位置 选择“视图”>“设计视图选项”>“跟踪图像”>“调整位置”。 若要准确地指定跟踪图像的位置,请在“X”和“Y”文本框中输入坐标值。 若要逐个像素地移动图像,请使用箭头键。 若要一次五个像素地移动图像,请按 Shift 和箭头键。 重设跟踪图像的位置 选择“视图”>“设计视图选项”>“跟踪图像”>“重设位置”。

跟踪图像随即返回到“文档”窗口的左上角 (0,0)。

将跟踪图像与所选元素对齐

1、在“文档”窗口中选择一个元素。
2、选择“视图”>“设计视图选项”>“跟踪图像”>“对齐选定内容”。
跟踪图像的左上角随即与所选元素的左上角对齐。

 

推荐阅读