《03给网页载入跟踪图像教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt》由会员分享，可在线阅读，更多相关《03给网页载入跟踪图像教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt（9页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、03给网页载入跟踪图像教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）跟踪图像静态网站制作教学资源课件静态网站制作教学资源课件 “跟踪图像”是Dreamweaver一个非常有效的功能，它允许我们在网页中将原来的平面设计稿作为辅助的背景。以方便我们在制作网页时定位文字、图像、表格、层等网页元素在页面中的位置。跟踪图像的使用方法：我们首先使用绘图软件作出网页的美工小样（即网页设计版面），并将此图保存为网络图像格式，如gif、jpg、jpeg、png等。在Dreamweaver的当前网页中，从“查看”菜单中选择“跟踪图像”下的“载入”，就可将美工样图载入当前网页中。跟踪图像样
2、例实例2实例实例2：练习在“文件”面板中创建新的网页文件，并为新建的网页载入跟踪图像文件。1、在“文件”面板中“练习”站点上单击右键，在快捷菜单中选择“新建文件”命令，并命名新文件为“gywm.html”。2、在“文件”面板上双击打开新建的网页文件“gywm.html”，选择“查看”菜单中的“跟踪图像”“载入”命令，在如图2.16所示的“选择图像源文件”对话框中选择本书资料包中“实例素材”文件夹中“chapter2”文件夹“shili2_pic”下的“jianjie.jpg”文件，单击“确定”按钮。3、将打开如图2.17所示的系统提示框，提示我们将该样图复制到站点文件夹中，选择“是”，并将样图复制到站点根文件夹下的“images”文件夹中。4、打开如图2.18所示的“页面属性”对话框，在“跟踪图像”框中指定在复制设计时作为参考的图像。该图像只供参考，当文档在浏览器中显示时并不出现。在“透明度”：区确定跟踪图像的不透明度，从完全透明到完全不透明，这里选择“60%”，单击“确定”按钮后，Dreamweaver工作窗口如图2.19所示。注意：注意：使用了跟踪图像的网页在Dreamweaver中无法再正常显示背景图案，但跟踪图像不会出现在浏览器中。当我们不需要跟踪图像时，可以在“属性”面板中单击“页面属性”，打开如图2.19所示的“页面属性”面板，清空“跟踪图像”框中的内容即可。