泰山出版社动态设计与交互教学设计

第一篇：泰山出版社动态设计与交互教学设计

第五章 演示文稿制作

第四节

交互、设计及作品发布

一、教学目标：

• • • •

1、使用索引功能增加超链接，设计交互控制功能。

2、能为幻灯片中的对象设置自定义动画。

3、能设置动画出现的方向、速度、顺序、音效等。

4、能打包与解包作品。

二、重点、难点：

重点：创建超链接的方法及自定义动画。难点：创建不同类型的超链接。

三、教学过程：

（一）导入：欣赏制作好的交互、动态的演示文稿作品。

（二）新授： 【学习目标】

投影：出示本课学习目标。【任务一】：创建交互控制

1、建立索引幻灯片 大显身手：建立索引幻灯片(根据课本22页步骤学生自主操作）

2、在索引幻灯片中创建超链接的步骤：（出示步骤）

3、创建返回索引幻灯片的按钮 【任务二】:演示文稿的调试与放映

1、动画设置 自定义的动画方案：

⑴ 在普通视图的“幻灯片”选项卡中选中需设置的动画效果的幻灯片； ⑵ 选择菜单“幻灯片放映”中的“自定义动画”命令，打开任务窗格； ⑶ 在幻灯片窗格中选定需要应用自定义动画的某部分； ⑷ 单击“添加效果”按钮，根据具体情况添加动画；

⑸ 最后，选择一种放映方式可以预览到动画效果。

2、幻灯片的切换

⑴ 在普通视图的“幻灯片”选项卡中选中需设置的切换效果的幻灯片； ⑵ 选择菜单“幻灯片放映”中的“幻灯片切换”命令，打开任务窗格； ⑶ 在“应用于所选幻灯片”中选择所想要的切换方式；

⑷ 如果要将选择的切换方式应用于所有幻灯片，则点击下面的“应用于所有幻灯片”；

⑸ 在“速度”和“声音”选项中可以根据需要在下拉列表中进行选择； ⑹ 换片方式有两种，第一种是单击鼠标时，幻灯片能自动进行切换；第二种是每隔多少秒，幻灯片能自动进行切换。可以根据自己的需要来进行选择。

3、幻灯片的放映方法：

（1）选择“幻灯片放映”菜单中的“观看放映”。（2）按F5键。

（3）单击演示文稿窗口左下角的“幻灯片放映”按钮。

（注意：前两种放映方式是让幻灯片从第一张幻灯片开始放映；而第三种即单击“幻灯片放映”按钮，则是从当前幻灯片开始放映。）

【任务三】：共享和交流文稿

1、作品打包：

执行菜单“文件→打包成CD(K)”命令，打开“打包成CD”对话框，然后按照对话框中的按钮进行操作。将演示文稿打包，以便于携带到其他计算机上放映，也能将PowerPoint 播放器和演示文稿一起打包

2、释放安装作品的步骤：

第一步：打开相应在文件夹，双击运行“pngsetup”。第二步：指定文件夹释放演示文稿。

第三步：启动PowerPoint使用压缩包附带的PowerPoint播放器打开或播放演示文稿。

3、存储为放映文件格式：

第一步：执行“文件/另存为”菜单项。

第二步：单击“保存类型”下拉列表框，选定“PowerPoint放映”，然后单

击“保存”按钮。

试一试：

4、保存为Web页：

保存为Web页的方法和存储为放映文件格式的方法类似，同学们自己尝试。

【巩固与提高】：

1、可以插入到幻灯片中的对象有（）。A、文字、图表、图像 B、声音、电影节 C、幻灯片、超级链接 D、以上几个方面

2、下列说法正确的有（）。A、幻灯片中的每一个对象都只能使用相同的动画效果 B、各对象动画的出现顺序是固定的，不能随便调整 C、各对象可使用不同的动画效果，以任意顺序出现 D、上面三种说法都不正确

3、打开保存的演示文稿，设置预设动画、换片方式或自定义放映，使幻灯片的播放更生动。

（三）【谈收获】 拓展题：

我的精品之作:利用所学知识制作一个交互、动态的《珍惜动物大集结》的幻灯片作品。

附【板书】：

一、创建交互控制

二、演示文稿的调试与放映

三、共享和交流文稿

第二篇：交互设计心得整理

交互设计心得整理

长期以来我就有对几年来交互设计的心得进行总结整理的想法。回到中国来亲身体会到不少同行，主要是交互设计师和视觉设计师对于交互设计的困惑，以及其他行业对于交互设计的误解和滥用。后来我在小范围内开设了一个关于交互设计的讲座；现在把它整理成文，希望与同行切磋，共同进步。

这篇文章是我几年来在美国从事交互设计工作的一个经验总结。当时我们遵循以用户为中心（User-Centered-Design, 简称UCD）的设计原则，每一个项目都是不折不扣的按所有UCD的步骤进行。下面总结的交互设计的方法，是从UCD的过程中提炼出来，也就是说，同样适用于任何非UCD的设计过程。交互设计的流程

如果一提到交互设计，你就想到画线框图或原型图，那你只对了五分之一。交互设计是一个过程，从开始到结束有一套系统的流程。原型图只是其中的一个环节。

当接到一个设计项目，怎么开始？都应该做哪些工作？怎样尽可能的保证交付物满足既定的功能以及用户体验层面的易用性？

第一步，是任务分析，列出界面所要完成的所有任务。第二步按各任务确定页面流程，建立信息架构。接下来是创建统一的页面布局包括分区等。然后在页面布局的基础上进行原型设计，可以是低保真和高保真的原型图。最后编写设计说明。下面以设计一款动感相册界面为例，逐步讲解各个环节。1.任务分析

第一步任务分析。这里要做的是对于将要设计的这个新界面的所有任务的分析，也就是用户在界面上能进行的所有操作。这个分析在功能需求的基础上进行，需求方一般提供一个功能点的列表。

任务分析最常见的是任务列表，另外有任务流程和任务场景等。下面以任务列表为例。列出所有主要任务，以及每个主要任务的子任务。再把子任务细分到各个步骤。形成下面这个列表。主要任务1 子任务1 步骤1 步骤2 子任务2 步骤1 步骤2 主要任务2 …

以动感相册为例，任务分析列表如下：

1.浏览相册 1)浏览相册列表 2)选择相册 3)浏览照片 2.创建新相册 1)添加照片 a)选择已有相册 b)选择照片 c)排列顺序 d)添加字幕文字 e)选择动画效果 2)添加模板 a)浏览模板 b)选择模板 3)添加音乐 a)浏览音乐列表 I.试听音乐 II.选择音乐 b)增加新音乐 I.打开本地文件 II.选择音乐 4)预览（略）… 5)命名（略）… 6)保存（略）… 3.修改相册（略）…

任务列表包括所有功能点，并对每一个功能点的逻辑关系进行整合。必要时会对各任务的使用频率和其它影响设计的重要因素进行分析，这里不做解释了。2.页面流程

任务分析完成后，进入设计的第一步，即设计页面流程。页面流程是设计的开始，也是重要的一环。它决定整个界面的信息架构和操作逻辑。页面流程是上一步任务分析的自然转化。一般来说，一个主要任务就是一个页面，其它子任务也可以转化为页面。

以动感相册为例，页面流程如下：

页面几乎是把任务分析照搬过来了。所以上一步做好了，这一步很轻松，而且越往后越轻松。注意这个流程图应该包括所有将要设计的新页面，一个不少，一个不多。它不仅确定页面内容，页面数量，还确定各页面之间的关系。如果在后来设计具体页面原型时，发现这个流程图多了或少了页面，或者页面关系发生了变化，说明你的功夫不到家（这个比较难，我一般不苛求我们的设计师）。根据原型图来创建或者修改页面流程图，不是在做设计，而是在写设计说明。3.页面布局

第三步页面布局是具体页面设计的开始，在上一步知道有哪些页面需要进行设计后，这里对页面进行划分，对内容进行组织。最重要的一点是确定页面分区。以动感相册为例，页面布局如下： 总布局，即通用布局，适合所有页面。

具体页面布局，在不与总布局冲突的情况下，有更细节的布局。

页面布局赋予零碎的内容以逻辑性，以分区的形式把页面各区域所对应的功能区确定下来，减少具体设计时的随意性。这是设计严谨与否的表现所在。把类似的操作放在一起，对于用户来说是可以预见的，用户能够判断哪个操作在哪个区域，减少盲目寻找带来的困难和疑惑。4.原型设计 这一步是大家熟知的，即具体页面的设计。这一步设计把所有的界面元素表现出来。可以有低保真和高保真原型图。低保真即是线框图，高保真多是接近最终效果图。下面是动感相册的低保真原型图。

5.设计说明

最后一步需要做的是对所有页面进行详细的描述，包括对页面上所有元素进行说明，比如默认状态，跳转页面，字号字体，尺寸等。这里就不解释了。这是交给开发人员的文档，以及测试人员进行测试的依据。小结

交互设计是一个过程，它不仅仅是画线框图。交互设计最关键的两个环节是页面流程和页面布局，前者建立清晰的架构和严密的逻辑，后者整合零散的信息并确定分明的主次关系。这一切都是为了我们的终极目标——让我们的界面符合用户的预期，不带给他们任何的意外。一切都在用户的意料之中。

第三篇：交互设计档案

交互设计师的基本素质

首先，谈谈我个人对交互设计师基本素质的看法。从我个人的理解来看，可以简单归纳为九字诀：“听、看、想、说、磨、做、验、写、讲”（如图1.1）。

图1.1 1）听：做一个交互设计师，最重要的一点就是要懂得倾听（这里蕴藏了一个隐晦的性格属性：谦虚！）。通常情况下，我们不是用户，所以很难 100%代表用户，更左右不了老板，所以我们首先要有听的本事，把来自用户的、老板的、PD的、视觉的、前端的、开发的、测试的、市场的、业界的等各方面的声音都听过来，听进去。

2）看：99%的情况下，交互不是一蹴而就的创造工作，它是站在前人肩膀上不断迭代更新的行为过程。我这里指的“看”是要求设计师能博览、能泛猎，看到好的，见过差的，什么都略懂，交互才能变得很美„„

3）想：交互是思考的输出产物和表现形式。当设计师将之前听到的和看到的内容在头脑中加以整理、分析，经过发散的创造性碰撞和严谨的逻辑论证后，逐渐得到了相对靠谱的交互产物。这个思索分析的过程贯穿于交互设计工作流程的每个环节。

4）说：一个能说会道的人不一定是一个优秀的交互设计师，但一个优秀的交互设计师必然是一个善于准确表达自己想法和观点的人。在这一点上，我坚持交互是一门分享的学科，需要的是开放的性格和良好的沟通技巧。

5）磨：耐心、技巧、热情的综合表现。在一个项目的进程中，不可避免的会面临很多的挑战，优秀的交互设计师善于发挥“磨”的精神，他们怀揣对交互专业的无比热情，以无所不用其极的技巧，耐心的缠死一个又一个质疑方，最终让大家认同并帮助推动设计的实现。通常来说，一个优秀的交互设计师会是一个优秀的Idea推销员。

6）做：交互设计师专业度的核心表现。俗语说得好，是骡子是马，牵出来遛遛。对于交互设计师来说，之前的环节做得再好、再完美，也只是停留在设计师自己的脑子里，游荡于听众们的耳膜间。如果理论落实不到实际，那所有的想法都只是空中楼阁，你之前所有的努力都只是在佐证你的空泛和不切实际。所以我们不仅要能 “做”，更要“做”得漂亮，“做”得完美！我一直都是这样认为：“做”决定了一个交互设计师是不是靠谱，决定了一个交互设计师的高度，是一个交互设计师最根本的专业素质。

7）验：用户体验设计，最终是要落实到用户的身上的。客观中立的验证、分析、评估能力是一个优秀交互设计师的重要素质。无论个人还是团队，设计的成果都需要通过精准的测试才能算得上合乎标准，此时，一颗平常心和一双敏锐的眼睛是设计师最需要的。

8）写：分析、归纳和总结能力的综合表现。一个项目，无论成功还是失败，总是有很多地方值得设计师本人或后来人借鉴。交互设计之路不是一座苛求零失误的独木桥，但绝对是一条要求零“重复”失误的单行线。评价一个设计师的专业度，很重要的一环就是看他能不能多犯前人从来没有犯过的错误，并能有效总结给后来人。于是，他就成了大家，路就这样被趟了出来„„

9）讲：演讲能力。这里所指的是在项目后期进行的交流分享。一个专业的交互设计师会站在宏观的高度上，以平和的心态同他人沟通，验证自己先前设计的合理性、全面性和科学性，更好的提高自己的专业能力，为今后的交互设计做好准备。

·交互专业度的具象化表现

刚才讲了很多，但总体来说还是偏理论，还是让人摸不着头脑，虚幻的概念最大的优势在于它的颠簸不破和四平八稳，谁也揪不住它的小辫子。但这不是我的风格，更不是我写这篇文章的初衷，我希望的是抛砖引玉，给大家带来一些真正意义上能直接使用的东西。所以，接下来，我们来些“干货”，玩点简单粗暴的„„

图1.2

根据阿里巴巴目前的产品开发流程（如图1.2），交互设计是大环节中的一个小点，抛开杂乱的干扰信息，单纯考量交互设计师在过程中的参与度，我们就能得到一个理想化的交互设计行为流（如图1.3）：

图1.3 流程没什么好讲的，更没什么好争辩的，无非也就是增加一个、减少一个、偷换概念、细分归纳之类的忽悠。我这里想和大家分享的是流程中每个环节的专业输出物，我有一个激进的想法：如果某人能精准的完成某些公认的标准化输出物，那他99%可以被称为是一个“专业”的75分交互设计师了，剩下的 1%，也许是拼RP„„

这里，我先简单交代一下即将涉及到的流程节点、对应输出物的图形色块的代表含义。

1）流程环节说明（如图1.4）：

图1.4 2）流程环节各输出物说明（如图1.5）：

图1.5 在我看来，一个专业的交互设计师，在一个理想化产品设计的过程中，有一些是属于必须的输出物，有一些属于最好有（推荐）的输出物，还有一些属于可有可无的输出物。同时，根据项目的实际情况和参与角色的分工情况，存在一些交互设计师可能需要负责的输出物，具体细节我将在下面逐一介绍。1）需求获取阶段：

此阶段通常来说会由PD等外部资源发起，输出物主要是FRD文档和时间计划文档，用以描述问题、提出初步目标，假想可能的解决方案、预估资源并梳理时间计划等。当然，对于从UED内部发起的项目，这两部分的输出也可以由交互设计师完成，属于可能责任输出物； 2）需求分析阶段：

历史数据的关注和分析阶段，基于项目本身，要针对竞争对手、行业现状等做详尽的收集和分析，其中的关键考核点是要做必要的头脑风暴，获取发散而全面的信息集合。在此阶段，竞争分析报告和头脑风暴输出物是交互设计师专业度的重要表现。

3）用户访谈阶段：

对于一些条件允许的项目，我们建议能在项目初期寻求一些用户的信息，定义一些用户的属性，这些对于之后的交互设计都会是坚实的基础。一个高专业度的交互设计师甚至会主动介入访谈问卷的设定工作，客观的参与调研报告输出的全过程。

4）需求修正阶段：

专业的交互设计师通常不甘于沦为一个纯粹的资源，抗拒被动的接受命令。我们之前经历的需求分析和用户访谈都是为掌控主动权而做的准备。如今，我们有理有据，应该主动出击，和需求方讨论研究需求的合理性、可行性，明确最终的修正目标，并对达成目标所涉及的重点突破点有理性的分析判断，筛选出各设计点的优先级。5）设计草稿阶段

项目目标和设计方向确定下来后，我们将进入核心的设计环节。作为交互设计师的“杀手锏”，交互流程和线框草图当然一个都不能少，但此时我更想强调一项辅助性质的调研分析工作。从交互的角度来看，在大流程大框架敲定的情况下，交互设计师通常会投入更多的精力在一些核心的设计点，也就是我们在需求修正阶段确认的设计重点。此时，专业的设计师绝对不会拍脑袋设计，更不会想当然出方案，而是会针对这些核心点做业界调研和分析，为自己即将进行的设计寻求一个足够宽广厚实的肩膀。6）设计细化阶段

第一阶段的设计工作将在此阶段性输出。我们回顾一下，截止此时的设计产物有：用户调研报告、FRD确认文档、交互流程、线框草图、核心设计调研分析、核心设计详细说明、交互流程整体说明等。基本上，一个交互设计师的专业度，已经可以根据此时的输出物数量、质量看出个大概齐了 7）专家评审阶段

一个专业的交互设计师，要谦虚。此刻，我们进入小范围专家评审的阶段了，三个臭皮匠还顶一个诸葛亮呢，更何况是参与评审的专家呢。此时设计师的专业度就体现在 “听”、“说”和“想”这三诀上，耐心的做好评审记录，有理有据的同专家们进行专业沟通，并确认最终的结论和方向。8）设计优化阶段

经历了专家团的考验，又该抖擞精神重新上路了，没什么好说的，把过程做好了，你的专业度也就到位了。设计优化阶段的投入度和产出将直接影响到后续Demo及测试的效果，和最终设计也息息相关，各位交互设计师们，千万别打瞌睡了！

9）仿真Demo开发阶段

终于到了仿真Demo的模型化阶段啦，这时尽管并没有直接的交互输出物，但还是需要交互设计师用百分百的挑刺精神，协助视觉和前端精准的达成我们之前的设计，严格保证最佳的输出效果。10）测试验证阶段

仿真Demo出来之后，将进入最后的测试验证阶段，根据项目的实际情况，可能是QA测试，也可能是用户测试，总之，这个环节能帮助设计师最后把关设计的合理性，专业如你，一定要亲自跟进测试并给出最终的评估报告，哪些点是前期没有考虑周全的？那些点是成功的？哪些点是必须立即改进的？哪些点能以后再说？哪些„„ 11）完成设计阶段

最后的设计阶段，根据之前的测试验证评估报告，交互设计师要对所有之前的输出做一次严格的检查和修正，完成最后的输出。

12）开发上线阶段

盯紧视觉设计师和前端工程师吧，最关键的时候终于到了，经历了那么多纷繁复杂的环节，我们等的就是上线的这一瞬间。当然，千万别忘了后续的跟踪和分析，这能为你的专业度加分不少哦 ·总结和展望

综上所述，我们已经整理出来了体现交互设计师专业度的过程输出物了，总结一下：以75分交互设计师的标准来看，我们的专业度能通过以下的关键输出物衡量：FRD目标确认文档、竞争分析报告、头脑风暴产出物、项目初期用户调研报告、核心设计点调研及分析报告、专家评审报告和评估报告、原型测试报告、交互流程图及详细说明文档、页面线框图、核心设计点说明文档和最后的跟踪分析报告。

基本上，所有的输出物都是反复易稿的结果，都是细碎过程的迭代输出，都饱含了设计师辛勤的工作投入。所有有梦想的交互设计师们，请正确的审视这些输出物，珍惜自己的付出，它们不光是单板的形式教条，它们更是证明自己专业度最有利的武器！

被很多同学都质疑过：那么多的输出物，平时做需求怎么可能全部做出来？每当此时，我的回答都是一样的：“是的，找借口总是很容易的。大家的确都很忙碌，按季度来说，基本上每个人都会经手大大小小几十个需求，但我们真的忙碌到输出一个高质量设计的精力都没有了吗？还是我们打心里就本着做交互、混日子的想法呢？”

不是不能，是不愿！那才是交互设计这个职业最可悲之处„„

作者信息：本文http://

第四篇：数字交互设计

《数字交互设计》教学大纲

课程名称：数字交互设计 课程类型：专业方向课 课程编号：134081

学时数及学分：总32学时，2学分，其中讲课8学时，上机24学时。

教材名称及作者、出版社、出版时间：《Adobe Flash CS4 ActionScript 3.0中文版经典教程》 美国Adobe公司著，井中月译，人民邮电出版社，2009年8月 本大纲主笔人：刘云安

本大纲审定人：数字媒体学院学术委员会

一、课程的目的、要求和任务

1．通过本课程的学习，让学生认识到新媒体的数字化、集成化和交互性特点。2．让学生了解人机交互的历史、发展现状及趋势。了解交互界面和交互设备。

3．了解人机界面的定义、起源、发展、研究内容及发展趋势。熟悉相关学科及知识，掌握人机界面设计中认知心理学、人机工程学、人机界面的艺术设计、色彩设计等。

4．结合移动互联技术、物联网技术以及多点触摸、体感等人机交互技术，让学生的设计作品在跨媒体平台上与用户交互。通过创新的交互模式，促进人与数字媒体内容交互的过程中达成良好的用户体验。

为达到上述目的和要求，在教学内容和课程设置上，应注意以下有关问题：

1．该课程按照从简到繁、循序渐进、整体系统的原则进行教学，将课堂讲授、案例分析和实践作业三者相结合，既注重理论基础又注重技术操作。

2．堂上授课、集中讨论、分组实践的方式进行教学。

3．课程高度重视艺术和技术的融合，面向行业应用，紧随技术的发展。4．平时作业不少于4次，期末作品1次。

二、课程主要内容及学时分配

第一讲

绪论（2学时）

一、交互设计概述

二、课程内容介绍

第二讲

新媒体及其交互性（4学时）

一、新媒体的发展与数字内容的涌现

二、新媒体的可交互性

三、人机界面

四、Web界面设计实验

第三讲

人机交互技术概述（4学时）

一、人机交互的概念、发展历史及趋势

二、人机交互与其他学科的关系（认知心理学 计算机图形技术 多媒体技术 虚拟现实技术）

三、交互设备与交互界面

四、鼠标与键盘交互试验。鼠标跟随效果实验 第四讲

交互设计的方法与设计评价（6学时）

一、可交互的数字内容

二、事件与响应

三、交互设计的流程和方法

四、交互设计的评价。人机界面设计的测试和评价的意义、设计准则、人机界面的测试、界面设计评价、硬件人机界面设计评价、软件人机界面设计评价与可用性测试

五、互动小游戏设计实验。碰撞检测与定时器实验 第五讲

人机界面设计（5学时）

一、人机界面概述。人机界面的定义、起源、发展；人机界面学的研究内容；人机界面的设计的发展趋势；20世纪最伟大的10种人机界面装置。

二、软件人机界面概述、软件人机界面的形式与标准、软件人机界面设计、web界面设计、图标设计。

三、Flash跳转函数--控制播放器实验 第六讲

驱动数字内容（4学时）

一、鼠标与键盘

二、体感交互

三、多点触摸交互模式设计实验 第七讲

flash互动媒体设计（5学时）

一、flash多媒体资源整合设计

二、flash创意网站设计

三、进度条、声音和背景音乐的控制与Flash跳转函数——控制播放器实验 第八讲

html5 web交互创意表现（2学时）

一、html5画布

二、html5移动媒体创意设计

三、与其他课程的关系

本课程与《flash动画设计》、《人机交互技术》、《web编程》等课程具有密切的学术关联。这些课程之间既有理论上的相互联系，也在实际操作上具有千丝万缕的关系。学生可以在这些课程之间进行知识与技术的相互迁移与会通，这将对数字媒体艺术创作素养的培养能够起到积极的作用。

四、考核方式

1、期末作品考查，占总成绩的60%；

2、平时成绩（出勤、课堂作业等）占总成绩的40%。

五、参考书目

[1]《HTML&XHTML权威指南（第六版）》（美）穆西亚诺，（美）肯尼迪著，张洪涛，邢璐译 清华大学出版社，2007年版。

[2]《javascript高效图形编程》（美），Raffaele Cecco 著 徐鹏飞 译，人民邮电出版社，2012年版。

[3]《Adobe Flash CS4 ActionScript 3.0中文版经典教程》 美国Adobe公司著，井中月译，人民邮电出版社，2009年版。

[4]《人机界面设计》，周苏、左伍衡、王文、徐新爱 等编著，科学出版社, 2007年版。[5]《Human-Computer Interaction Second Edition》，迪克斯（英），电子工业出版社，2003年版。

六、课程所需设备

多媒体教学系统、数据手套、android平板电脑。

第五篇：设计鼠标交互教学设计

第四课 设计鼠标交互

武安市十一中学杜海洲

一、课例描述

《设计鼠标交互》是河北教育出版社和河北教育音像出版社出版的《信息技术2》第一单元“第四课”所涉及的内容。

教学对象是初中二年级学生，他们已经过一段时间的学习，基本掌握了flash的基本知识和操作技能。但对于大部分学生来说，还没有真正地把信息技术知识和所掌握的关于flash操作的基本技能应用到实际问题中。故组织该项活动旨在让学生在flash制作的过程中去发现操作中还存在的问题，以期进一步学习；同时，能够利用所学信息技术知识应用于实践问题的解决与表达，能够充分利用远程教育资源获取信息。

二、教学内容分析

《信息技术2》第一单元第四课所涉及的是集成flash各种操作的内容。学生不但要学会如何使用flash这个软件，还要学会制作多媒体课件，通过制作课件更好地掌握flash软件的各种使用技巧。

教学目标：

【知识与能力领域】

（1）能综合运用flash的知识和操作技能创作一份多媒体课件

（2）认识flash动作脚本是实现flash动画交互性的重要工具

（3）能利用网络资源进行信息获取、加工整理以及呈现交流

【感情领域】

学会综合运用信息技术的知识与技能解决实际问题，激发学习信息技术学科的兴趣。

【发展领域】

（1）掌握协作学习的技巧，培养强烈的社会责任心，学会与他人合作沟通。（2）学会自主发现、自主探索的学习方法。

（3）学会在学习中反思、总结，调整自己的学习目标，在更高水平上获得发展。

三、教学重点、难点

重点：多媒体课件的设计与设计思想的体现（制作）难点：动作脚本AS的灵活使用

四、教学策略(解决的方法)（1）组成合作学习小组：从第一节课开始，教学中即要求学生组成了2人的小组进行协作学习，小组内成员较为熟悉，并逐渐适应协作学习，但协作学习的技巧、与他人的沟通能力还有待进一步提高。在教学过程中，教师要实时监控学生的协作学习情况，并组织成果交流会，让学生交流学习心得与体会，使小组的协作学习走向成熟。

（2）以“任务驱动式”为教学原则，确定协作学习的内容： 围绕任务把各教学目标和内容有机地结合在一起，使学生置身于提出问题、思考问题、解决问题的动态过程中进行协作学习。学生通过协作，完成任务的同时，也就完成了需要达到的学习目标的学习。

五、教学准备

搜集、保存制作课件需要的文字、声音、视频、图片等素材，包括格式为ASF的“题西林壁”视频文件。

六、教学过程和设计思路

（一）任务分析

设计制作“古诗二首”多媒体课件，把诗文朗诵、背景音乐、动画画面、字幕和交互控制按钮有机结合。指导学生分析课件（包括用到哪些素材、设计什么按钮、需要几个场景等）

（二）素材准备

以小组为单位分工合作搜集、保存制作课件需要的文字、声音、视频、图片等素材，包括格式为ASF的“题西林壁”视频文件。

（三）设计主界面、制作动画（1）主界面

新建Flash文档，建立“标题”、“按钮”“背景”三个图层，分别加入课件标题、两个按钮好背景。美化背景，使背景能很好的衬托课件标题。

（2）制作动画

制作《游山西村》和《题西林壁》动画（3）添加脚本实现交互

在每个场景添加一个层，命名为“AS”，选择最后一帧将其转化为关键帧，打开动作面板输入脚本：stop()控制动画停止。

在主界面的两个按钮分别添加动作脚本实现跳转

给“播放”按钮添加动作脚本实现播放、停止、重放、返回功能

（四）检查、调试脚本

在动作面板中使用“语法检查”工具，检查动作脚本中的语法错误，如果有脚本错误，将显示在输出面板中，修改脚本。反复检查、调试，直至确认脚本正确。

（五）小组展示

各小组把自己的作品通过网络教室软件展示给其他小组，教师给予评价。

七、教学过程流程图

本次教学的流程可归纳为5个步骤：

任务分析——素材准备（课下）——制作动画——成果交流——教师、学生评价、板书设计：

第四课

设计鼠标交互（制作多媒体课件）

一、素材的取得途径

1、图形图像的制作途径

2、声音的制作途径

3、视频的制作途径

二、制作过程中要注意以下三点：

1、制作过程应严格遵循多媒体制作流程。

2、多媒体是准确的科学内容和鲜明完整的艺术形式的作品。

3、设计思路以简要明快、功能齐全为基调

一、注意以下三点：

1、制作过程中应严格遵循多媒体教学软件制作流程。

2、多媒体教学软件不是教材的翻版，而是一个丰富、准确的科学内容和鲜明完整的艺术形式的作品。

3、设计思路以简要明快、功能齐全为基调

二、素材的取得可以通过多种途径

1、图形图像的制作途径

2、声音的制作途径

3、视频的制作途径