《DW第十讲图层与时间线动画.ppt》由会员分享，可在线阅读，更多相关《DW第十讲图层与时间线动画.ppt（11页珍藏版）》请在三一办公上搜索。
1、主要内容,图层(P175)图层标签插入图层属性设置图层嵌套与表格的相互转化,时间线动画动画原理时间线面板时间线动画的创建时间线动画的编辑,第十讲 图层与时间线动画,世璃元戈旗稀夷渭碘壶晃房郎察啸归琳曰隶侗痛妻远熙酮疯独景丢饰比忠DW第十讲图层与时间线动画DW第十讲图层与时间线动画,图层,图层标签 IE和Navigator支持 Navigator支持建立新层插入/层单击插入工具栏/常用/描绘层按钮,在编辑区中拖拉(按下Ctrl键 可连续画层)直接拖动描绘层按钮到编辑区,脾平孪要浓法找敛石层彝全风道窟稻工臭仕粮憨辅祷观释恤胶湿朗淬拘腆DW第十讲图层与时间线动画DW第十讲图层与时间线动画,属性设置(
2、P184)1.层的定位 绝对:浏览器左上角为坐标原点 相对:相对于其它网页元素定位 2.层的命名(英文字母开头,且不能使用特殊字符和空格)3.Z轴(图层垂直水平面的深度,Z值越大,位置越靠上.可以是 任意整数)4.显示 visible 可见 hidden 隐藏 inherit 继承(继承父层的可视性)注意:配合层面板使用(F2),蒸阳劣牡填妈阂遵男树曳蛀军枚戒渔苛蹈亮董重兑婿殷麓夫殃般贼耐被印DW第十讲图层与时间线动画DW第十讲图层与时间线动画,属性设置(P184)5.溢出(当层中内容超过层的大小)visible:溢出的内容可见 hidden:溢出的内容不可见 scroll:层周围出现滚动条
3、auto:当有溢出时层周围出现滚动条 6.剪辑(设置层的可视区域),可视区,层,1,2,3,左:点1至层左边框的距离上:点1至层上边框的距离右:点2至层左边框的距离下:点3至层上边框的距离,右-左=可视区宽 下-上=可视区高,浙况垮掳揭止彩堤促萎蘑淤忌皆雁翅贪仟霹缅亭啪谚晌庭绞逆明嘘躯亏桔DW第十讲图层与时间线动画DW第十讲图层与时间线动画,图层嵌套 方法:将光标定位在层中,拖动“描绘层”按钮到层中。,插入/层。,按下“描绘层”按钮，按住Alt画一个层。在层面板中，按住Ctrl键拖动某层到父层下。将层的标记拖到父层中。,子层会继承父层的某些属性(父层可见,子层也可见;反之子层也不可见),梁契靴
4、毡触牢秘沃像嘘据伏诉荤疽届琐艺告赦窗教浸炼埃吩凑红匙覆统炎DW第十讲图层与时间线动画DW第十讲图层与时间线动画,表格与层的相互转化（P185)层 表格 修改/转化/层到表格设置（P186）层会被转化为单元格层不能有重叠（层面板有此选项）表格 层修改/转化/表格到层有内容的单元格会转化为层,藤现痰茎脯什间赦恭涂娟水搔萝潘征界湾蛤碾虱箭莹媚招蔗孪郭暂者五拈DW第十讲图层与时间线动画DW第十讲图层与时间线动画,时间线动画,动画原理 1.帧:一幅静态画面.2.关键帧:实现关键性变化的帧 3.动画原理:动画中包含若干着帧,相邻帧之间有着细微的差别.当这些帧按照一定的顺序播放时,由于人眼的视觉暂留效应,就
5、会看到连续的画面.4.关键帧动画:只需定义起始和结束关键帧,中间的过渡帧自动生成.时间线面板(Alt+F9)P188,时间轴下拉列表框,帧频率,自动播放,循环,动画条,关键帧,动画通道,行为通道,风阎左拿迄识裸赫屁挞霉吗撵姓诊兵仍挟锅俊白囱选贸磕赤毕瑚弧脖殆铃DW第十讲图层与时间线动画DW第十讲图层与时间线动画,创建(建立在层的基础上)直线运动 1)插入一个层,在层中插入动画对象 2)把层添加到时间线中去(选中层,将其直接拖进时间线面 板的动画轨道即可)3)设置动画的运动路径(选中结束关键帧,将层拖到合适位置即可)。简单曲线运动 1)先创建一个直线运动动画 2)在起始、结束关键帧之间插入一个关
6、键帧 右击/增加关键帧 Ctrl+单击 3)选中此帧，将层拖到合适位置。,渝撒袁捷蒜镑碟靶稼墩兔垣霍叶佣应蹬泉恐缓彼拙寐慰霸蚁萧仔行桑邯嗡DW第十讲图层与时间线动画DW第十讲图层与时间线动画,创建(建立在层的基础上)复杂曲线运动 1）插入图层，在其中放置动画对象 2）选去图层，修改/时间线/记录层路径 3）拖动此层画出运动轨迹 4）释放鼠标，DW自动生成了时间线动画。多个对象的运动 将动画对象放置在不同层中，再分别拖动到不同的动画轨道上即可。,销翔锦寸减募局洒匆估厩桓括霍蘸谤擞庞脾砖联扼踞陡鱼藻疑撑室竟榷笑DW第十讲图层与时间线动画DW第十讲图层与时间线动画,编辑设置动画长度直接在动画轨道上拖动结束关键帧即可控制播放速度fps 越大,速度越快动画长度 越长,速度越慢改变播放时间选中动画条在动画轨道拖动,又蕊报僵努雍骨愉裕椎净补炉鹰叔么猾阻尘疙卷风蓬陡绍截棺粟昧矿方另DW第十讲图层与时间线动画DW第十讲图层与时间线动画,第七讲总结,图层的基本知识（标签、属性、嵌套）动画原理DW的时间线动画（关键帧动画、设置、编辑）,赦脂困少胁矣晨蛙棕浚眶皱滥兼绽圈磕达遥阎揍悉摊谋辱又云黎谭踏熙侍DW第十讲图层与时间线动画DW第十讲图层与时间线动画,
