“Win应用开发与实践教程”课件设计.doc

1 摘要摘要 Flash 已经渐渐成为网页动画的标准 成为一种新兴的动画技术发展方向 我 的毕业设计是一套教学课程的课件 Flash 动画 鉴于 Adobe Flash 制作软件的 诸多优点 最终选择 Adobe Flash 结合 Adobe Photoshop 进行动画素材准备 中期制作和后期合成 在制作动画的过程中 探讨和熟练 Adobe Flash 结合 Adobe Photoshop 在素材准备 中期制作和后期合成方面的强大功能 本作品 结合动画理论为一体 以此水晶报表为中心思想展开产生动画 让用户使用过程 中能方便的选择每一章每一节 关键词关键词 课件 flash 制作 后期合成 2 目录目录 摘要摘要 1 第第 1 1 章章 引言引言 3 1 1 课件制作的目的 3 第第 2 2 章章 课件需求分析与规划课件需求分析与规划 5 2 1 课件整体需求分析 5 2 1 1 教材分析 5 2 2 2 教学内容分析 5 2 2 课件整体规划设计 6 第第 3 3 章章 FLASHFLASH 课件的前期准备课件的前期准备 7 3 1 FLASH 课件的选材 7 3 2 FLASH 课件工具的选择 15 3 3 素材的编辑与制作 15 3 3 1 搜集素材 15 3 3 1 编辑素材 15 3 4 FLASH 课件的设计思路 16 第第 4 4 章章 FLASHFLASH 课件的设计步骤课件的设计步骤 21 4 1 课件脚本的论述 21 4 2 课件场景的矢量化 23 4 3 课件遮罩的运用 23 4 4 课件的表现手法 24 4 5 课件的多样化 26 总结总结 28 致谢致谢 29 参考文献参考文献 3 第第 1 1 章章 引言引言 动画成为一种时尚的艺术 最直接简单的动画创作就是 flash 其具备独特 的表现方法 手段和流通方式及 闪客 生活 它是现代文明的一种符号 是一种 新颖的艺术创作方式 是一种流行于网络的网络文化 移动的图象和声音同样也 表达了动画艺术家的情感 Flash 是一种创作工具 设计人员和开发人员可使用它来创建演示文稿 应 用程序和其它允许用户交互的内容 Flash 可以包含简单的动画 视频内容 复杂 演示文稿和应用程序以及介于它们之间的任何内容 它不仅能够制作出许多眩目 多彩的效果 只要你肯赋予它一定的剧情 生动的体现 它也会模拟出现实生活中 的场景 1 11 1 课件制作的目的课件制作的目的 在 Flash 课件制作中 在重视课件设计的教育性 科学性和技术性的同时 运用蒙太奇的手法还可以增强画面的表现力和感染力 提高多媒体课件的艺术 性 课件不仅要有好的内容 而且还要有好的表现形式 作者要考虑到多媒体 课件是展示给学生看的 能使人赏心悦目 使人获得美的享受 这样的课件才 是内容与形式的完美结合 才能让学生感觉舒服 从而引起对课件内容的兴趣 由于精品课件能够对多种媒体进行集成 具有较强的表现力和感染力 集 成性并不是简单意义的多种媒体堆砌 应注意构图 文字 色彩 配音等方面 的处理 对于内容应做选择性地精简 提高效率 同时 课件展示的画面应符 合学生的视觉心理 画面的布局要突出重点 同一画面对象不易多 避免或减 少引起学生注意的无益信息干扰 注意运动物体与静止物体的色彩对比 前景 与背景的色彩对比 线条的粗细 字符的大小 以保证学生都能充分感知对象 科学性无疑是教学课件评价的重要指标之一 尤其是演示模拟实验 更应 符合科学 多媒体课件的内容要从科学性出发 以保证其正确性 准确性和目 4 的性 对教学内容 其选材 例证应具有典型性和代表性 模拟 动画应符合 科学原理 画面真实 不能为追求美观而违背客观事物的真实反映 利用计算机技术开展课件教学在教育领域已日趋广泛 现代教学中多媒体 课件的运用 增强了课堂内容的直观性 拓宽了学生思维和想象的空间 提高 了学生的学习兴趣 加大了课堂容量 起到了其他教学手段不可替代的作用 多媒体课件的好坏 不仅取决于制作技术 更重要的是取决于课件制作的指导 思想和原则 Flash 课件的用途在于教学 应根据不同的教学目的 教学对象 以及教 学中不同的重点和难点选择制作相应的教学课件 同时应发挥多媒体的特点 用生动活泼的内容形式 激发学生的学习兴趣和积极性 多媒体课件应用的目 的是优化课堂教学结构 提高课堂教学效率 既要有利于教师的教 又利于学 生的学 5 第第 2 2 章章 课件需求分析与规划课件需求分析与规划 2 12 1 课件整体需求分析课件整体需求分析 2 1 12 1 1 教材分析教材分析 学习情景 5 主要介绍水晶报表 包括 ADO NET 结构 优势和访问数据库的 原理 ADO NET 连接数据库的几种方法及通过 ADO NET 命令对象调用存储过程 完成对数据库的增删改查使用数据库级和 ADO NET 级别进行事务处理等内容 设计制作各种直观简洁的图表 展示 ADO NET 的结构 优势 及 ADO NET 对数据库的访问过程 让学生可以更清楚的了解数据库 插入图片 音频 如 数据库的访问过程 文字表述图片等 增加学生对简单数据库访问过程的感性 认识 调动学生的求知欲望 在静态图片的基础上加上动态效果 使部分图形逐渐显现出来 并通过一 些按钮的设计进行分步教学 2 2 22 2 2 教学内容分析教学内容分析 1 教学目标 了解 ADO NET 结构 优势和访问数据库的原理 掌握 ADO NET 连接数据库 的几种方法 熟练掌握通过 ADO NET 命令对象调用存储过程完成对数据库的增 删改查 使用数据库级和 ADO Net 级别进行事务处理 2 教学重点 通过 ADO NET 命令对象调用存储过程完成对数据库的增删改查 3 制作难点分析 颜色调配 编写动作代码 4 学习对象特点分析 学习对象为已有数据库基础的大二学生 他们已初步掌握代码编写及对数 据库的有一定认识 不喜欢枯燥的讲解 5 拟定开发工具 初步拟定以 Flash 为开发工具 6 6 设备要求 可支持 Flash 生成的文件格式 能够播放视频的系统 7 存在的困难及拟解决方法 这个课程的内容不多却比较繁杂 而且教科书上没有图片实例 所以在课 件设计与资 料搜集方面会遇到一定的困难 这就需要花更多的时间和精力来解 决以上困难 2 22 2 课件整体规划设计课件整体规划设计 多媒体辅助教学 其重点在 辅助 二字 在设计课件时 应注意培养学 生的创造能力 使学生具有独立思考 善于应变 勇于创新的现代素质 避免 出现将传统教学中的教师为主体变成机算机为主体的教学模式 扼杀了学生的 创造力和独立思考能力 因此在课件整体规划中体现以下几点 1 教学目标 教学步骤和操作方法要一目了然 在学习情境 5 中将教学 目标直接提出 按照此目标进行逐一讲解 使整个学习过程目的明确 在课件 中插入箭头或文字提示的方法让使用者一目了然 知道如何操作此 Flash 课件 2 要有友好的操作界面 界面色彩要柔和 搭配要合理 要符合学生的视 觉心理和年龄特征 蓝色 绿色给人视觉开阔 性情舒畅的感受 所以在所有 场景中都以蓝 绿两色结合 为了避免颜色的跳跃过强 先利用 PhotoShop 工 具对背景图片进行了一系列的处理 3 要有良好的交互性 不能把课件变成电影 一放到底 要注重学生的学 让学习有一 个循序渐进的过程 给学生留有思考的余地 在整个课件中都运用 按钮来控制动画 如 按钮控制页面的前进 后退或是对每一页中文字或图片 的显示顺序进行控制 给学生留下了思考的空间 4 动画要流畅 无停顿 跳跃的感觉 为了避免动画跳跃性太强 补间的 运用得到了最好的发挥 但少数画面如果都用图片想对连贯性较差 对于此些 元件进行了逐帧插入的方式 5 合理设计呈现方式和过渡效果 既吸引学生的注意力 又给学生以美的 享受 课件是否美观 在一定程度上也决定了教学效果 美观的课件可以吸引 学生的注意力 调动学习兴趣 整片学习情景中通过不同的方式对图片的显现 7 进行了出理 如 遮罩 引导等 图片中的颜色也不再仅是纯色 渐变 放射 性色彩给课件增加了亮点 第第 3 3 章章 FLASHFLASH 课件的前期准备课件的前期准备 3 13 1 FLASHFLASH 课件的选材课件的选材 课件运行时先显示导航界面 face 如图所示 图 3 1 导航界面 在主控界面上有 5 个按钮 单击其中一个按钮可以进入相应的功能模块进行播 放 如下图 8 图 3 2 首页背景 创建多种报表 绘制各种图形 设置报表的整体格式 连接数据库 以及根据用户的选择 指定数据库中的记录等 如图所示 图 3 3 对话框 9 图 3 4 数据显示 3 33 3 FLASHFLASH 课件课件工具的选择工具的选择 我曾用过一些课件制作工具如 PPT Authorware 软件 与 FLASH 软件相比 前者设计制作的教学课件的文件都比较大 例如 PowerPoint 制作的课件一般打 包后里面的资料并不进行压缩 包含了图片 视频和声音的文件就会很大 而 Authorware 需借助一些插件制作优秀的动态效果 所以打包时需将兼容的资源 一起整理 所以文件也相当大 通常一节课的课件文件大小动辄达到十多兆 如果在课件中使用声音 位图和视频比较多的话 甚至会达到上百兆 这样就 对课件的使用和传播造成了很大的麻烦 尤其是应用在网络教育方面时更显得 不足取 利用 FLASH 课件则不然 flash 动画一般所占磁盘空间较小 便于网 络应用的开展 其丰富的色彩 动画 音乐充分调动了学生的多个感官 让学 生观察到细节 有身临其境的感觉 通过动画演示具体操作步骤 便于学生理解 3 3 4 素材的编辑与制作素材的编辑与制作 10 3 4 1 搜集素材搜集素材 搜集素材要根据脚本的需要进行 素材分为文字 图象 声音等 素材的 取得可以通过很多途径 我主要通过 Internet 搜索素材 利用动画制作软件制 作成动画 3 4 1 编辑素材编辑素材 计算机辅助教学课件中需要各种不同的媒体来表达教学的内容 想要做一 个完美的 Flash 动画单靠 Flash 软件是远远不够的 还需要用到 PS PhotoShop 等软件对图片进行处理 1 文字素材的编辑 课件中的文字以图形方式和文本文件方式出现 图形方式编辑处理使用图 象处理软件 如 photoshop 文本文件形式的文字则是在 Flash 中直接输入 编辑工作主要有 内容编辑 属性编辑和版面的设置 2 图像素材的编辑 图象编辑使用了图象处理软件 photoshop 进行处理 编辑工作主要有 转 换图象文件格式为 PNG 格式 编辑图象内容 处理图象显示效果 不同的情景需要不同的场景衬托 又要考虑到整体的色彩的搭配 因此背景构图是相当 费神的 在课件中我将讲解内容与背景图片分开 内容主要用的是矢量图形 或将它们转换为 元件 因为内容的先后出现次序及一些特殊效果 用图片表现很占空间 而且画面不是很流 畅 因此考虑在 FLASH 里手绘 或在 PS 里做出分层文件 再用导入的方式 3 具体的操作步骤 步骤 1 导入背景图片 11 注 图片先用 PhotoShop 进行过处理 先用图章 魔棒去除了多余部分 然后 在图片中输入文字并做些许调整 说明 新建一个 Flash 文件 设置大小为 800 600 背景为白色 选择文件 导入到库 将图片拉到场景中 后面在插入帧 图层中帧上 右击 动作 Stage showMenu false 屏蔽右键 当然这样无法完全屏蔽 Stage scaleMode noBorder 播放器无菜单 Stage scaleMode noScale 禁止缩放 步骤 2 制作四条线 说明 新建 4 个图层 在每层的第个帧画个条直线 然后将每条线都复制到相 应层的后几帧 中 用键盘或鼠标将他们上下移位 再用补间功能使其运行连贯 图层分别命名为 线 1 线 2 线 3 线 4 如图 步骤 3 显示图片 12 注 此处的图片停止时要与线条停止时位置一致 说明 新建元件 图形或影片剪辑 画出课件导航页面用到的图 然后在场景中 新建两层 遮罩和图片层 把图片元件放入场景中 通过对遮罩层图形补间的运用达到渐 显效果 例举部分如图 13 步骤 4 新建图层 文件 选择音乐 月光水岸 导入到库 放至场景中 如图 步骤 5 按钮的制作 注 shadow 阴影 color 颜色 gradients 渐变 ring 圈 hazy ring 朦 胧的圈 shine 发光 这些都与影片剪辑中做成 说明 新建元件 按钮 画出一个按钮 如图 按钮放入场景中 在属性中按钮命名为 aa 在按钮上右击 动作 14 on press gotoAndStop 200 按下按钮进入 200 帧并停止 用相同的方法做出按钮 bb 颜色改为橙色 代码为 on press gotoAndStop 210 按下按钮进入 210 帧并停止 场景 图层中 165 帧至 169 帧 即按钮所在 右击 动作 gotoAndPlay 1 回第一帧播放 步骤 5 功能界面的连接按钮 说明 新建元件 影片剪辑 画出蓝色圆点 模糊 形状补间名 c1 改变圆 点大小 如图 新建元件 按钮 将 c1 放入图层中 命名为 简单数据库 做出如下图效果 相同方式做出余下四个功能模块连接按钮 分别命名为 复杂数据库 界 面设计 打印 报表 步骤 6 场景 170 帧至 174 帧分别放入刚制作好的五个按钮 右击 动作 分别 输入代码 stop 停止画面 stopAllSounds 停止音乐 with aa 对实例名为 aa 的实例进行操作 loadMovie chapter one swf 链接到名为 chapter one 的动画 stop 15 stopAllSounds with aa loadMovie chapter two swf stop stopAllSounds with aa loadMovie chapter three swf stop stopAllSounds with aa loadMovie chapter four swf stop stopAllSounds with aa loadMovie chapter five swf 3 4FLASH 课件的设计思路课件的设计思路 首页设计 一般情况下课件制作的首页都是有 标题 执教者 进入 按钮 有的还加有 帮助说明 这里的文字或者按钮 都可以加一些特效增 加整体效果 首页背景图片可以直接在网上下载适合主题的 也可以自己设计 例如做数学课件可以在首页放上圆规 尺子 做美术课件可以在首页设计画笔 画板 为了提高效果可以配上背景音乐 Flash 课件中的音效与直观的视觉形象相辅相成 合理地加入一些音效 可以更好地表达教学内容 烘托教学意境 有利于学生大脑保持兴奋状态 使 视觉思维得以维持 同时还可吸引学生的注意力 增加学习兴趣 调节课堂的 紧张气氛 有利于学生思考问题 Flash 情景动画把无声的教材变得有声有色 有动有静的动画 形象生动 的演示 动听悦耳的音响效果 使学生视听结合 犹如身临其境 使学生的学 习状态由被动变为主动 使学生在轻松愉悦的氛围中学习新知识 Flash 是目前应用最为广泛的支持高复杂度程序控制的矢量动画制作软件 它集绘画 设计 编程 制作 编辑 合成和高品质输出为一体 利用它可以 方便 快捷地制作出各种各样的矢量动画效果 可以制作各种基本图形 交互 16 式动画 MTV 课件 复杂的 Web 应用程序等方面的应用 素材是组成 Flash 精品课件的核心 教学信息传递的实体 形象地说就象 组成大厦的砖瓦一样 因此准备齐全的素材 优秀的素材是制作课件成功的必 要条件 最常用的素材有四种 文字 图片 声音 动画 做好这些准备后 后面的课件制作就如鱼得水了 主题内容 一般按照实际要制作的教学课件内容分 以文字为主 加以图 片和适当的动画 要注意前后的按钮跳转 用到上面准备的那些素材 背景尽 量做到和谐统一 习题 是课程巩固和师生交互的重要组成部分 可以利用上 期的模板来设计相关的习题 也可以用一些脚本来控制 例如透明度 位置 这样也能起到交互作用 致谢 就是结尾 这个也是出于礼貌 无论是对学生 还是对老师 标示本节课结束 配有美丽画面和音乐 而后退出课件 为内容加上背景 新建元件 影片剪辑 p2 效果如下图 17 上图图层 3 中元件 click 制作 第 3 文件夹中字体显现用了逐帧插入的方式 使文字逐一显示 背景颜色选择 了线性 如图 18 补间在课件中得到了多次运用 如动画补间 在本文中我举一例进行说明 说明 第一帧插入箭头图片 在将图片复制到第 20 帧 将 20 帧的图变大 最后做成动画补间 使图片的变化连贯 注 颜色的变换也可用到动画补间 文件 4 新建影片剪辑 p4 这里对内容的显现处理顺序虽没用遮罩功能 但 采用不同层间接插入图片同样具有其效果 如图 19 20 第第 4 4 章章 FLASHFLASH 课件的设计步骤课件的设计步骤 4 14 1 课件脚本的论述课件脚本的论述 整个制作过程是用了逐帧的方式 虽看似还是比较僵硬 但这样的步骤却很 大程度的和谐了动作的连贯性 用逐帧调整 感觉与真正的制作动画接轨 用插入 补间和使用影片剪辑等方式 用户可以实现往前翻页 点击鼠标或按键盘 具体脚本语言如下 on press prevFrame on keyPress prevFrame 用户可以实现往后翻页 点击鼠标或按键盘 具体脚本语言如下 on press nextFrame on keyPress nextFrame 用户可以实现退后一步 点击鼠标或按键盘 具体脚本语言如下 on press this a prevFrame on keyPress a prevFrame 用户可以实现向后一步 点击鼠标或按键盘 具体脚本语言如下 on press this a nextFrame on keyPress a nextFrame 21 当前帧及整个课件包含的章节数 影片剪辑控制 this onEnterFrame function f currentframe q totalframes this a onEnterFrame function af a currentframe tf a totalframes 下一帧 切换到下个页面 on press nextFrame 回到首页的代码设计 stop stopAllSounds with aa loadMovie chapter three swf root back top onPress function root aa unloadMovie root gotoAndPlay 1 22 4 24 2 课件场景的矢量化课件场景的矢量化 从 ppt 形式转为 flash 动画 必须面对对其进行矢量的转变 线条 面的构造 及结构和整体的把握 总是感觉比 ppt 难了好多 但客观的承认 其效果还是对自 己而言 软件效果更好一些 flash 的辅助软件就是 ps 所以介于自己对 ps 还算上手 再加上考虑在 flash 里将要进行动画的逐帧编辑 所以就在 ps 里做图形的构造 把原来手绘的 大体效果 导入 ps 用钢笔工具进行绘图 利用 Ps 的分层文件 逐渐的把需要的 素材勾勒出来 下一步要做的就是 flash 需要图像出现的时候再导入 flash 里 这里用的是 flash 最新版本 flash cs3 前面也说了其功能的改进在于对 ps 可 导入分层文件等的改进 方便了从 ps 里作图可直接用于 flash 里的制作 导入 ps 的分层文件 在 flash 里稍微编辑一下 就可以直接的使用 水晶报表的课件一共包含了 16 章 因为牵扯需要不断地能行变大变小 以及 使用等考虑 选择了在 flash 里编辑 那样或许更容易操作一些 场景的构建根据 原手绘场景的构图基础上设计的 尽量考虑了整体协调和风格以及色块的统一 用对象绘制以及贴紧至对象工具来表现上下叠合场景的编辑 使用钢笔工具和各 种形状工具绘制出大体的效果 细节的刻画方面做了很大的努力 大多都是自己 想象和根据一些素材绘制出来的 4 34 3 课件遮罩的运用课件遮罩的运用 遮罩动画是 Flash 课件中的一个很重要的动画类型 很多效果丰富的动画 都是通过遮罩动画来完成的 在 Flash 的图层中有一个遮罩图层类型 为得到 特殊的显示效果 可以在遮罩层上创建一个任意形状的 视窗 遮罩层下方 的对象可以通过该 视窗 显示出来 而 视窗 之外的对象将不会显示 在 Flash 动画中 遮罩 主要有 2 种用途 一个作用是用在整个场景或 一个特定区域 使场景外的对象或特定区域外的对象不可见 另一个作用是用 来遮罩住某一元件的一部分 从而实现一些特殊的效果 但遮罩图形不能表现 23 任何诸如色彩或者渐变等 如果需要实现这些效果 就必须再制作一个与遮罩 内容相同的效果层 基于矢量绘图制作的动画只需存储少量的矢量数据就可以描述一个复杂的 对象 与位图比具有明显的优势 非常适用于当前的低带宽互联网 而且矢量 像可以做到真正的无限缩小放大 这样教学课件无论用户的浏览器使用多大的 窗口 动画始终可以完全显示 并且不会降低画面质量 Flash 是通过使用关键帧和图符生成的 swf 文件的 由时间发展为先后顺 序排列的一系列编辑帧组成 在编辑过程中 除了传统的 帧一帧 动画变形 以外 还支持了过渡变形技术 包括移动变形和形状变形 容量可以非常小 几 K 字节的动画文件已经可以实现许多令人心动的动画效果 用在网页设计上 不仅可以使网页更加生动 而且流式播放技术使得动画可以边播放边下载 Flash 之所以在网上广为流传 主要原因就是因为其使用的矢量图形和流控制 技术 不论是 2 个或多个动画效果同时播放 还是顺序播放 将每个动画效果制 作成影片剪辑是课件制作最好的选择 如果每个动画效果都在场景的图层中完 成 那么就会导致场景有更多的图层和帧数 随着图层数和帧数的增多 修改 起来也很麻烦 容易让课件制作者觉得混乱而出现错误 在课件制作过程中 要善于将各种短小的动画片段或动画效果制作成影片剪辑 影片剪辑有自己的 时间轴和图层 能够实现不同的动画效果 而且这些影片剪辑相互独立 互不 影响 这会给课件制作带来很大的方便 4 44 4 课件的表现手法课件的表现手法 我们所运用的教学课件操作要简单 快捷 并且具有良好的稳定性 在运 行过程中 要过渡自然 动画 视频播放流畅 不应出现故障 同时 交互设 24 计要合理 页面跳转 人机应答都要合理 兼容性强 能满足各种媒体所要求 的技术规格 在满足基本配置的各种计算机上都能正常运行 制作课件脚本是按教学流程的需要 在文字脚本的基础上 通过页面元素 与布局 人机交互和信息呈现 解说词的编写等设计课件制作的具体方法 一 般情况下 按教学流程 每一个子项的制作脚本应包含界面布局 界面说明 屏显内容 屏显类别 屏显时间 交互控制 配音及配乐等 在实际应用中 可以写出详细的能够体现多媒体优势的教案 通过明确教学目标 教学重点 难点反映课件辅助教学的过程 这样既有利于教师备课和操作演练课件 也有 利于课件制作者了解课件设计思路和使用流程 提高制作效率 一般来讲 课程内容比较抽象 难以理解 教师用语言不易描述 某些规 律难以捕捉 需要学习者反复练习的内容等 在条件允许的情况下都应制作多 媒体课件 在确定课题时 还应该分析和确定课题实施所要达到的目标 根据 教学内容的特点 精心设计集图 文 声 像于一体 有效调动和发挥学生学 习的积极性和创造性 提高学习效率 Flash 课件制作中的声音通常有三种 即解说 效果和音乐 通常解说是课 件要传达的主要信息 所以要注意解说不是对课本内容的重复 而是对课本内 容的补充和说明 因此 解说要通俗 简明 准确 要做到少而精 要给学生 留下足够的思考空问 效果音和音乐通常是用来渲染气氛 增强感染力的 要 注意其节奏要与画面的内容相符 音乐情景要能对画面起到烘托渲染 在设计精品课件的开头时运用主题蒙太奇的表现手法 可把表现不同教学 内容的画面组接在一起来表达一个完整的含义 使学生一开始就对本节课的教 学内容有一个整体的印象和了解 产生一种先声夺人的效果 在课件的结尾处 将最能反映重要教学内容的画面组接在一起 不仅可以起到回述作用 而且还 具有对教学内容的重要部分进行概括和深化的作用 使学生加深对教学内容的 理