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

Dreamweaver课件,第七讲 图层与时间线动画,主要内容,图层(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 播放指针: 播放指针在的帧,才能被显示. fps: 每秒钟播放的帧数,时间线动画,创建(建立在层的基础上) 直线运动 1)插入一个层,在层中插入动画对象 2)把层添加到时间线中去(选中层,将其直接拖进时间线面 板的动画轨道即可) 3)设置动画的运动路径（选中帧，拖动层） 简单曲线运动 1)先创建一个直线运动动画 2)在起始、结束关键帧之间插入一个关键帧 右击/增加关键帧 Ctrl+单击 3)选中此帧，将层拖到合适位置。,时间线动画,创建(建立在层的基础上) 复杂曲线运动 1）插入图层，在其中放置动画对象 2）选去图层，修改/时间线/记录层路径 3）拖动此层画出运动轨迹 4）释放鼠标，DW自动生成了时间线动画。 多个对象的运动 将动画对象放置在不同层中，再分别拖动到不同的动画轨道上即可。,时间线动画,编辑 设置动画长度 直接在动画轨道上拖动结束关键帧即可 控制播放速度 fps 越大,速度越快 动画长度 越长,速度越慢