03给网页载入跟踪图像教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt
《03给网页载入跟踪图像教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt》由会员分享,可在线阅读,更多相关《03给网页载入跟踪图像教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt(9页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
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所示的“页面属性”面板,清空“跟踪图像”框中的内容即可。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 03给网页载入跟踪图像教学课件 高教版 中职 网页设计与制作Dreamweaver CS5 03 网页 载入 跟踪 图像 教学 课件 高教 设计 制作 Dreamweaver CS5
链接地址:https://www.taowenge.com/p-90588971.html
限制150内