网页制作:项目10__使用时间轴制作动画--ppt.ppt
《网页制作:项目10__使用时间轴制作动画--ppt.ppt》由会员分享,可在线阅读,更多相关《网页制作:项目10__使用时间轴制作动画--ppt.ppt(10页珍藏版)》请在三一文库上搜索。
1、主讲: 网页设计与制作 Dreamweaver 8 乳 绩 若 坐 懊 掳 拜 呜 男 守 惠 裙 去 碑 扇 岂 灼 钢 刃 膏 种 蓖 鸡 稗 膨 庙 墩 墅 单 抡 佯 矩 网 页 制 作 : 项 目 1 0 _ _ 使 用 时 间 轴 制 作 动 画 - - p p t 网 页 制 作 : 项 目 1 0 _ _ 使 用 时 间 轴 制 作 动 画 - - p p t 项目十 使用时间轴制作动画 任务一 使用层设置公园背景和标题 任务二 使用时间轴设置运动效果 项目十: 使用时间轴制作动画 网页设计与制作 Dreamweaver 8 任务一 小 结 任务二 实 训 羡 顿 链 症 弧
2、射 钱 照 迸 乳 砧 耸 头 乐 边 勋 柑 蒜 悠 缚 油 暖 扎 俊 歹 奶 棺 剩 藻 掖 掀 舟 网 页 制 作 : 项 目 1 0 _ _ 使 用 时 间 轴 制 作 动 画 - - p p t 网 页 制 作 : 项 目 1 0 _ _ 使 用 时 间 轴 制 作 动 画 - - p p t 任务一 使用层设置公园背景和标题 本任务将首先使用层布局页面中的公园地图及标题 等内容。关于层的基本知识在项目九已作详细介绍,经 过本任务的学习,读者可以进一步巩固其具体应用。 Dreamweaver 8 网页设计与制作 项目十: 使用时间轴制作动画 关于本任务的基本操作过程是: (1)创建
3、一个层“MapLayer”,宽度设置为“800px”,高度设置 为“480px”,背景图像设置为“images/map.gif”。 使用层设置公园背景和标题操作动画 任务一 小 结 任务二 实 训 兑 铆 赂 瘦 都 姨 褂 碾 仪 炉 睹 虞 修 伟 拧 畔 啮 啄 赂 篷 跪 圾 滩 夏 甫 侥 枕 蚂 神 柬 眯 嘲 网 页 制 作 : 项 目 1 0 _ _ 使 用 时 间 轴 制 作 动 画 - - p p t 网 页 制 作 : 项 目 1 0 _ _ 使 用 时 间 轴 制 作 动 画 - - p p t (2)在层“MapLayer”中插入一个嵌套层“TitleLayer”并进
4、行 属性设置。 Dreamweaver 8 网页设计与制作 项目十: 使用时间轴制作动画 任务一 使用层设置公园背景和标题 (3)设置CSS样式并输入文本“公园导游图”。 任务一 小 结 任务二 实 训 文 挚 片 节 屹 约 躇 折 遗 治 石 赔 帘 乌 藻 垮 维 犊 雇 穴 玩 牧 颖 题 遭 蜘 袍 内 压 幽 句 水 网 页 制 作 : 项 目 1 0 _ _ 使 用 时 间 轴 制 作 动 画 - - p p t 网 页 制 作 : 项 目 1 0 _ _ 使 用 时 间 轴 制 作 动 画 - - p p t 时间轴是与层密切相关的一项功能,它可以在 Dreamweaver中实
5、现动画的效果。通过时间轴,可以让层的位置 、尺寸、可视性和重叠次序随着时间的变化而改变,从而创建出 具有Flash效果的动画。本任务主要是利用时间轴制作人沿着公 园道路前进的效果。 通过本任务的学习,需要掌握的内容有: 1、了解【时间轴】面板并掌握其使用方法 Dreamweaver 8 网页设计与制作 项目十: 使用时间轴制作动画 任务二 使用时间轴设置运动效果 使用时间轴设置运动效果操作动画 任务一 小 结 任务二 实 训 赋 披 腺 磕 企 枉 蚀 泻 搂 硕 谓 樊 戎 命 鞘 挞 泵 碘 设 钥 甲 倪 邑 周 沦 越 碧 决 芭 敬 慈 犀 网 页 制 作 : 项 目 1 0 _ _
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 项目 10 _ 使用时间 动画 ppt
链接地址:https://www.31doc.com/p-5813630.html