DW第十讲图层与时间线动画.ppt

主要内容 图层 P175 图层标签插入图层属性设置图层嵌套与表格的相互转化 时间线动画动画原理时间线面板时间线动画的创建时间线动画的编辑 第十讲图层与时间线动画 图层 图层标签IE和Navigator支持Navigator支持建立新层插入 层单击插入工具栏 常用 描绘层按钮 在编辑区中拖拉 按下Ctrl键可连续画层 直接拖动描绘层按钮到编辑区 属性设置 P184 1 层的定位绝对 浏览器左上角为坐标原点相对 相对于其它网页元素定位2 层的命名 英文字母开头 且不能使用特殊字符和空格 3 Z轴 图层垂直水平面的深度 Z值越大 位置越靠上 可以是任意整数 4 显示visible可见hidden隐藏inherit继承 继承父层的可视性 注意 配合层面板使用 F2 属性设置 P184 5 溢出 当层中内容超过层的大小 visible 溢出的内容可见hidden 溢出的内容不可见scroll 层周围出现滚动条auto 当有溢出时层周围出现滚动条6 剪辑 设置层的可视区域 可视区 层 1 2 3 左 点1至层左边框的距离上 点1至层上边框的距离右 点2至层左边框的距离下 点3至层上边框的距离 右 左 可视区宽下 上 可视区高 图层嵌套方法 将光标定位在层中 拖动 描绘层 按钮到层中 插入 层 按下 描绘层 按钮 按住Alt画一个层 在层面板中 按住Ctrl键拖动某层到父层下 将层的标记拖到父层中 子层会继承父层的某些属性 父层可见 子层也可见 反之子层也不可见 表格与层的相互转化 P185 层表格修改 转化 层到表格设置 P186 层会被转化为单元格层不能有重叠 层面板有此选项 表格层修改 转化 表格到层有内容的单元格会转化为层 时间线动画 动画原理1 帧 一幅静态画面 2 关键帧 实现关键性变化的帧3 动画原理 动画中包含若干着帧 相邻帧之间有着细微的差别 当这些帧按照一定的顺序播放时 由于人眼的视觉暂留效应 就会看到连续的画面 4 关键帧动画 只需定义起始和结束关键帧 中间的过渡帧自动生成 时间线面板 Alt F9 P188 时间轴下拉列表框 帧频率 自动播放 循环 动画条 关键帧 动画通道 行为通道 创建 建立在层的基础上 直线运动1 插入一个层 在层中插入动画对象2 把层添加到时间线中去 选中层 将其直接拖进时间线面板的动画轨道即可 3 设置动画的运动路径 选中结束关键帧 将层拖到合适位置即可 简单曲线运动1 先创建一个直线运动动画2 在起始 结束关键帧之间插入一个关键帧右击 增加关键帧Ctrl 单击3 选中此帧 将层拖到合适位置 创建 建立在层的基础上 复杂曲线运动1 插入图层 在其中放置动画对象2 选去图层 修改 时间线 记录层路径3 拖动此层画出运动轨迹4 释放鼠标 DW自动生成了时间线动画 多个对象的运动将动画对象放置在不同层中 再分别拖动到不同的动画轨道上即可 编辑设置动画长度直接在动画轨道上拖动结束关键帧即可控制播放速度fps越大 速度越快动画长度越长 速度越慢