Dreamweaver CC教程:使用跟踪图像
Dreamweaver CC教程:使用跟踪图像
使用跟踪图像
可以使用跟踪图像作为重新创建已经使用图形应用程序(如 Adobe Freehand 或 Fireworks)创建的页面设计的指导。
跟踪图像是放在“文档”窗口背景中的 JPEG、GIF 或 PNG 图像。可以隐藏图像、设置图像的不透明度和更改图像的位置。
跟踪图像仅在 Dreamweaver 中是可见的;当您在浏览器中查看页面时,将看不到跟踪图像。当跟踪图像可见时,“文档”窗口将不会显示页面的实际背景图像和颜色;但是,在浏览器中查看页面时,背景图像和颜色是可见的。
1、执行下列操作之一:
选择“视图”>“设计视图选项”>“跟踪图像”>“载入”。 选择“文件”>“页面属性”,然后在“跟踪图像”类别中单击“浏览”(在“跟踪图像”文本框旁边)。2、导航到图像文件,然后单击“确定”。
3、在“页面属性”对话框中,拖动“图像透明度”滑块以指定图像的透明度,然后单击“确定”。
若要随时切换到另一跟踪图像或更改当前跟踪图像的透明度,请选择“文件”>“页面属性”。
选择“视图”>“设计视图选项”>“跟踪图像”>“显示”。
更改跟踪图像的位置 选择“视图”>“设计视图选项”>“跟踪图像”>“调整位置”。 若要准确地指定跟踪图像的位置,请在“X”和“Y”文本框中输入坐标值。 若要逐个像素地移动图像,请使用箭头键。 若要一次五个像素地移动图像,请按 Shift 和箭头键。 重设跟踪图像的位置 选择“视图”>“设计视图选项”>“跟踪图像”>“重设位置”。跟踪图像随即返回到“文档”窗口的左上角 (0,0)。
将跟踪图像与所选元素对齐1、在“文档”窗口中选择一个元素。
2、选择“视图”>“设计视图选项”>“跟踪图像”>“对齐选定内容”。
跟踪图像的左上角随即与所选元素的左上角对齐。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
Dreamweaver CC教程:在代码视图中预览图像和颜色
Dreamweaver CC教程:在代码视图中预览图像和颜色,图像,教程,视...
-
Dreamweaver CC教程:提取 JavaScript
Dreamweaver CC教程:提取 JavaScript,文件,选择,脚本,教程,文...
-
Dreamweaver CC教程:设置 PHP 首选参数
Dreamweaver CC教程:设置 PHP 首选参数,教程,站点,参数,设置,...
-
Dreamweaver CC教程:分析代码
Dreamweaver CC教程:分析代码,教程,支持,红色,错误,显示,检查,...
-
Dreamweaver CC教程:自定义代码主题
Dreamweaver CC教程:自定义代码主题,自定义,教程,选择,默认,主...
-
Dreamweaver CC教程:用多个光标添加或更改文本
Dreamweaver CC教程:用多个光标添加或更改文本,光标,更改,文本...
-
Dreamweaver CC教程:在“设计”视图中
Dreamweaver CC教程:在“设计”视图中编写和编辑脚...
-
Dreamweaver CC教程:编辑服务器端包含的内容
Dreamweaver CC教程:编辑服务器端包含的内容,服务器端,教程,检...
-
Dreamweaver CC教程:编辑代码片段
Dreamweaver CC教程:编辑代码片段,代码片段,教程,字段,对话框,...
-
Dreamweaver CC教程:验证 XML 文档
Dreamweaver CC教程:验证 XML 文档,文档,验证,教程,浏览器,报...
-
Dreamweaver CC教程:如何充分利用代码片段
Dreamweaver CC教程:如何充分利用代码片段,代码片段,教程,编码...
-
Dreamweaver CC教程:添加库、标签和属性
Dreamweaver CC教程:添加库、标签和属性,属性,标签,教程,选择,...