第五章 网页特效制作

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第五章 网页特效制作,本章主要介绍了,CSS,样式的概念，创建，编辑和应用。行为的创建，时间轴面变的组成已经制作简单动画的方法。,知识整理,1,、创建,CSS,样式,2,、应用,CSS,样式,3,、添加行为,4,、制作动态效果,1,、创建,CSS,样式,CSS,样式的含义：,CSS,即层叠样式表，是一种格式化网页的标准方式，它通过设置,CSS,属性使网页元素对象获得不同的效果。,打开,CSS,面板（,1,）窗口,CSS,样式,（,2,）按,shift+F11,键,（,3,）单击属性面板上的,CSS,按,钮,打开“,CSS,样式”面板,单击“新建,CSS,规则”按钮,选择,CSS,样式的类型,选择定义样式的位置,设置,CSS,样式的属性,完成,新建,CSS,规则对话框,定义,CSS,样式的属性,定义,CSS,样式属性的对话框,2,、应用,CSS,样式,编辑,CSS,样式,选择“窗口,CSS,样式”命令，打开,CSS,面板，选择要编辑的,CSS,样式，执行以下操作：,1,、双击要编辑的样式名称,2,、在“,CSS,样式”面板的属性窗格中编辑,3,、单击“,CSS,样式”面板右下方的“编辑,样式”,从选定内容删除类样式,选择对象,-“,样式”或“类”中选择“无”,删除,CSS,样式,选择对象,-,单击“删除样式”或按,DEL,键,重命名,CSS,样式,选择对象,-,右单击“重命名类”,链接外部样式表,“附加样式表”,-“,浏览”或者“文件,/URL”,框中键入该样式表的路径,3,、添加行为,行为时,DW CS3,预制的,javascript,程序库。每个行为包括一个动作和一个事件。,事件是指引发动作所产生的条件，即触发动态效果的原因。,动作是指事件发生后计算机系统执行的一个动作，即最终完成的动态效果。,添加行为的方法,选择添加的对象,-,打开行为面板,-,单击“添加行为”,-,在弹出菜单中选择动作,-,设置动作参数,-,在“事件”列表中选择事件,更改或删除行为,编辑动作参数,双击动作名称或者选中按,enter,键,更改动作顺序,-,单击“增加,/,降低事件值”按钮,删除当前行为,-,单击“删除事件”按钮或者按,del,键,4,、利用时间轴制作动态效果,时间轴面板,选择“窗口,时间轴”命令或者按,ALT+F9,快捷键，即可打开“时间轴”面板。,“,时间轴”下拉列表：列出了当前页面中所有事件轴动画的名字。,自动播放：使时间轴在当前页从浏览器中加载时自动开始播放。,循环：使动画进行循环播放。,速率：用来输入动画每秒钟播放的帧数。,动画条：表示一个动画所占的帧数，上面标有该动画所在的,AP Div,的名字。,关键帧：定义动画条中已经为对象制定属性的帧，决定了动画的走向。,使用时间轴制作,AP,元素的直线动画,1,、在页面内插入一个,AP Div,，然后再其中插入一个图像或者文字。,2,、将插入图像或文字的,APdiv,拖动至动画的起始位置，生成一个动画条。,3,、用鼠标拖动末端关键帧可改变动画帧数,4,、选中终止关键帧，在页面上将,AP,元素拖动到动画结束时的目标位置。,5,、保存并预览网页,