清华网页制作4.ppt
《清华网页制作4.ppt》由会员分享,可在线阅读,更多相关《清华网页制作4.ppt(35页珍藏版)》请在三一文库上搜索。
1、网页制作,计算机文化基础课程电子讲稿 2008年11月 http:/,HTML,2,本次大课的内容提要,图层、时间线、行为及其应用,网页特效的应用,参考资料,动态Gif图像制作小结,网页作业注意事项,样式表应用,3,制作Gif动画,添加图像,改变画布大小,选定范围工具:魔术棒,自动创建,手动创建,4,制作横幅文字(1),先创建一个空白的动画文档,然后在 “帧”菜单中选择 “添加横幅文本”,在文本标签中设置字体、字号、颜色、阴影等效果,5,制作横幅文字(2),设置文字动画效果,设置帧画面的延迟时间,添加霓虹效果,最终效果,6,用视频片段制作 GIF 动画,1. 创建一个新的空白动画。 2. 单击
2、标准工具栏上的“添加视频”按钮。 3.选取影片文件,单击“区间”按钮。 4.打开“区间”对话框,利用“开始标记”和“结束标记”选取视频片段。 5. 单击“确定”按钮,关闭“区间”对话框,返回到“添加视频”对话框。单击“打开”按钮,所选择的帧就被加载到 GIF Animator 中。,示例,7,图层的使用,网页中的元素,如文本、图像,都可以放置到图层中,图层不仅具有表格的平面布局网页对象的功能,而且可以使网页中的对象在空间垂直方向(Z轴)上互相重叠,再配合时间轴(Timeline)的应用可以做出很多效果,使网页动感十足,还可以配合行为(Behaviors),使得网页在某种事件发生时显示隐藏的指定
3、图层等。,绘制图层按钮,用鼠标拖动的方法画出一个任意尺寸大小的图层。,参阅教材9.6.2节内容,8,图层的编辑,激活图层:单击图层中任一位置,图层只有被激活后 才可以插入对象。 选取图层:单击图层边框或单击文档窗口状态栏左侧 的层标记图标 ,或单击图层图标。 选中的图层四周出现8个黑色的小方块。,9,图层的编辑,移动图层 :选中图层时,可用鼠标拖动图层的边框移动图层的位置,或者在“图层”属性面板中精确设置图层的新位置(左和上的值)。 改变图层尺寸 :选中图层时,可用鼠标拖动图层四周的小方块调整图层的尺寸,或者在“图层”属性面板中精确设置图层的宽高尺寸(宽和高的值)。,10,时间轴,时间轴是一条
4、贯穿时间的轴线,时间轴动画是把动画对象放置在不同的图层中,通过改变图层的位置、大小、可见性和叠放顺序等属性来创建动画。,时间轴面板,11,制作时间轴动画,1.插入一个图层 2.在图层中插入对象 3. 使用“窗口”/“其它”/“时间轴”命令打开时间轴面板 4.将图层拖到时间轴的第1帧上 5.选中第1帧,将图层拖到动画开始位置 6.选中第15帧,将图层拖到动画结束位置 7.选中自动播放复选框,实现步骤:,结束位置,12,行为,行为是在网页中进行的一系列动作,通过这些动作实现用户与页面的交互,使用Dreamweaver内置的行为(实质是JavaScript代码),用户不需编写代码,就可以实现交互和控
5、制功能。 行为由事件和动作组成,事件是动作被触发的条件,动作是用于完成特定任务预先编好的JavaScript代码。,13,使用行为,步骤: 1.执行“窗口”/“行为”命令,打开行为面板 2.选中要添加行为的对象, 单击加号按钮 3.在弹出的动作菜单中选择某个动作 4.根据所选的动作,在参数窗口中设置参数 5.在事件菜单中为动作选择触发事件,14,利用图层实现下拉菜单(1),图层默认为隐藏状态,步骤一: 分别为各个菜单项 创建对应的下拉菜 单图层。,具体操作参考上机指导第8章实验二任务2,15,利用图层实现下拉菜单(2),指定行为动作: 当鼠标指向菜单项时, 隐藏的指定图层将被 显示,当鼠标移开
6、菜单 项时,显示的指定图层 重被隐藏。 同理应用于下拉菜单图层,步骤二: 分别为各个菜单项 和下拉菜单图层指 定行为动作,16,让图层中的对象沿路径动起来,“修改”/“时间轴”/ “录制层路径”命令,具体操作参考上机指导第8章实验二任务4,17,让图层中的内容动起来(1),嵌套图层的创建: 创建图层,如layer7 选中该图层,按住 Alt键的同时,在其中创建其嵌套图层。,利用“剪辑”选项设置layer7图层的可见区域,具体操作参考上机指导第8章实验二任务3,18,让图层中的内容动起来(2),选中图层Layer8,执行“修改”/“时间轴” / “录制层路径”命令,制作该图层从图层Layer7底
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 清华 网页 制作
链接地址:https://www.31doc.com/p-3309811.html