最新现代教育技术-PowerPoint课件的交互设计

1、1234PowerPoint的控件及VBA编程的应用PowerPoint课件交互设置实训PowerPoint实现交互的方法PowerPoint简单交互应用PowerPoint课件的交互设计 学习目标1.掌握课件实现交互的方法；2.熟练应用按钮、菜单、热区实现交互；3.掌握课件常用控件及简易VBA编程。第一节1PowerPoint实现交互的方法超链接 一、 超链接是一种内容跳转技术，使用超链接可以实现从课件中的任意一处内容跳转到其他内容上。 PowerPoint提供了功能强大的超链接功能，幻灯片中的文字（文本框）、自选图形、艺术字、图片、按钮、视频、GIF动画等都可以用来设置超链接。PowerP

2、oint中的超链接大体可以分为两类：一是内部超链接，即在演示文稿的内部之间跳转，跳转到任意指定的幻灯片；二是外部超链接，即跳转到演示文稿的外部，包括跳转到其他演示文稿、其他文件、URL网页和电子邮件等。现代教育技术的基本概念 一、 超链接使用方法为：选中要添加超链接的对象，单击“插入”选项卡，单击“链接”组中的“超链接”按钮，弹出“插入超链接”对话框，在“插入超链接”对话框中选择要链接的目标对象，然后单击“确定”按钮，如图9-1所示。 图9-1 “插入超链接”对话框动作设置 二、PowerPoint提供了一种单纯为实现各种跳转而设置的动作按钮（也可以自己制作按钮），这些按钮加上动作设置，可以跳

3、转到其他页面。动作设置功能与超链接非常相似，唯一不同的是动作设置增加了鼠标移过功能。我们利用动作设置功能可以设计出丰富多彩的交互界面。动作设置 二、 动作设置功能的使用方法为：单击“插入”选项卡 下“插图”组中的“形状”下拉按钮，在弹出的列表中选择“动作按钮”组中的动作按钮，如图9-2(a)所示；选择按钮后在幻灯片上绘制，绘制结束后弹出“动作设置”对话框，在对话框中进行相应设置，如图09-2(b)所示。动作设置 二、图9-2(a) 选择“动作按钮”图9-2(b) “动作设置”对话框触发器 三、 触发器是PowerPoint 2003以上版本自定义动画效果中的一个非常有用的功能，幻灯片中的任何对

4、象都可以设置为触发器。利用这个功能可以轻松制作出交互效果，如交互练习题、声音播放控制、视频播放控制、动画演示按钮等。播放幻灯片时单击触发器，该触发器控制下的所有对象就能根据预先设定的动画效果开始运动。触发器 三、 触发器的使用方法为：选中某个对象，设置动画效果，然后选择“动画”选项卡 ，单击“高级动画”组中的“触发”下拉按钮，在打开的列表中选择要触发的对象，如图9-3所示。图9-3 使用触发器ActiveX控件及VBA编程 四、 上面介绍的三种方法只能实现简单的交互功能，要想设计出较为复杂的交互效果，就要使用PowerPoint提供的ActiveX控件，并配合VBA编程来设计。 ActiveX

5、控件及VBA编程的使用方法如下： （1）调出“开发工具”选项卡。选择“文件”选项卡，在窗口左边单击“选项”，打开“PowerPoint选项”对话框，在窗口左边单击“自定义功能区”，在窗口右边选中“开发工具”复选框，单击“确定”按钮。ActiveX控件及VBA编程 四、 （2）使用ActiveX控件及VBA编程。调出“开发工具”选项卡后，选择“开发工具”选项卡下“控件”组中提供的ActiveX控件，用鼠标在幻灯片上画出控件对象，然后设置控件属性，最后为控件对象编写VBA代码，可以实现命令按钮、文本输入、复选框、单选框、下拉列表框等的交互响应，并且可以使课件具有编程语言所特有的变量、函数、逻辑运算

6、、条件、分支、循环、跳转、判断等功能，如图9-4(a)和9-4(b)所示。ActiveX控件及VBA编程 四、图9-4(a) 使用ActiveX控件图9-4(b) 使用VBA编程PowerPoint课件交互设计的策略 五、 PowerPoint课件交互设计的基本策略是，以简单易用的超链接和动作设置为主，以ActiveX控件（配合VBA代码）和触发器为辅。前者主要用来实现永久性导航、制作主界面、屏幕提示、内部或外部跳转、调用外部课件或素材等；后者主要用来制作多样化的交互练习，使交互具有智能性和可控性。两者结合使用可以实现多样化的交互类型，提高交互的智能性与可控性。第二节2PowerPoint简单

7、交互应用PowerPoint的按钮设计 一、 按钮是课件制作中最常见的交互方式，是一个可以响应鼠标单击的指定对象。 PowerPoint的按钮设计方法为：自绘图形按钮可以通过选择“插入”选项卡，单击“插图”组中的“形状”下拉按钮，在打开的列表中选择图形拉动鼠标来设计，然后为设计的按钮图形添加文字与设置效果（如设置填充颜色、方式，以及阴影、发光、三维等），如图9-5（a）所示。使用超链接或动作设置功能实现按钮交互，如图9-5(b)和9-5(c)所示；按钮的交互也可以通过触发器实现。PowerPoint的按钮设计 一、图9-5(b) 为按钮添加超链接图9-5(c) 为按钮添加动作设置图9-5(a)

8、 自绘图形按钮PowerPoint的菜单设计 二、 （一）PowerPoint菜单设计的思路PowerPoint的菜单设计 二、 （二）PowerPoint菜单设计的方法 （1）设计菜单和菜单项。用文本框或自绘图形都可以，要分开制作，将菜单项单独复制后用选择性粘贴工具将其粘贴为图片（增强型图元文件），将原来菜单项删除，将图片移动到菜单标题下方，如图9-6(a)所示。图9-6(a) 将菜单项粘贴为图片PowerPoint的菜单设计 二、图9-6(b) 通过透明矩形为菜单项添加超链接 （2）把每一菜单项用一透明的矩形形状将其覆盖，为每一矩形形状设置相应的超链接，如图9-6(b)所示。PowerPo

9、int的菜单设计 二、图9-6(c) 展开菜单触发设计 （3）展开菜单的设计。选择菜单项图片，为其添加“进入”动画选项中的“出现”效果，在触发器的下拉箭头处选择菜单标题矩形，如图9-6(c)所示。这时单击菜单标题，就会弹出菜单项，通过菜单项的超链接就可以访问相应幻灯片。 图9-6(d) 收缩菜单触发设计 PowerPoint的菜单设计 二、 （4）收缩菜单的设计。选择菜单项图片，单击“绘图工具-格式”选项卡下“添加动画”下拉按钮，在打开的列表中选择“更多退出效果”命令，打开“添加退出效果”对话框，选择“细微型”组中的“收缩”效果，单击“确定”按钮；在触发器处选择菜单标题矩形，9-6(d)所示。

10、这时单击菜单标题，就会收拢菜单项。PowerPoint的热区设置 三、我们这里引用网页制作中“热区”的概念。热区就是在网页上进行了链接的一个区域。形象点说，就是在网页上鼠标箭头变成小手的那个区域。用热区工具可以创建图像交互效果，可以在一张图片上创建多个热区。当我们浏览网页时，单击热区就会链接到相应的网站，显示相关信息。将这种方法借鉴到PowerPoint课件制作中，具有很大的实用性。PowerPoint的热区设置 三、 （一）PowerPoint热区设置的思路热区的设置可以使用动作设置功能来完成。热区也有两种状态：一种是展开，一种是收起。所以我们要用两张幻灯片来转换热区的展开和收拢状态。Pow

11、erPoint的热区设置 三、 （二）PowerPoint热区设置的方法 （1）准备一张计算机硬件图片，在图片的CPU插槽处绘制一透明圆角矩形将其覆盖，将此幻灯片复制一张，复制的那张用来显示介绍信息，如图9-7(a)所示。图9-7(a ) 准备两张幻灯片PowerPoint的热区设置 三、 （2）选择刚才绘制的透明圆角矩形，分别给这两张幻灯片设置动作，让鼠标滑过时相互返回，如图9-7(b)和图9-7(c)所示。图9-7(b)设置跳转到介绍幻灯片PowerPoint的热区设置 三、图9-7(c) 设置返回到图示幻灯片PowerPoint的习题设计 四、 习题的设计可用自定义动画配合触发器实现，在

12、第7章讲解动画时已经作过类似的例子，这里就不再复述，填空题、判断题和连线题的实现都可参照前面章节实训中选择题的实现方法。第三节3PowerPoint的控件及VBA编程的应用PowerPoint控件与VBA基础 一、要用VBA编程，就必须用到控件，我们需要利用控件搭建需要的环境。PowerPoint控件与VBA基础 一、 （一）调出“开发工具”选项卡，显示控件 选择“文件”选项卡，在窗口左边单击“选项”，打开“PowerPoint选项”对话框，在窗口左边单击“自定义功能区”，在窗口右边选中“开发工具”复选框，单击“确定”按钮。可以看到工具栏上调出了“开发工具”选项卡。“开发工具”选项下的“控件”

13、组显示了多种控件，如图9-8所示。图9-8 控件PowerPoint控件与VBA基础 一、 （二）常用控件介绍 （1） 复选框（英文名称：CheckBox）：用来设置选择多个选项，常用来设计多选题。 （2） 文本框（英文名称：TextBox）：用来设置输入文本，常用来设计填空题。 （3） 命令按钮（英文名称：CommandButton1）：用来确定选择或输入，也可设计超级链接。PowerPoint控件与VBA基础 一、 （4） 选项按钮（英文名称：OptionButton1）：用来设置只能选择一个选项，常用于设计单选题或判断题。 （5） 标签（英文名称：Label）：用来设置显示文字信息。Po

14、werPoint控件与VBA基础 一、 （三）插入控件的方法 单击“开发工具”选项卡下“控件”组中的控件，然后按住鼠标左键或右键在幻灯片中拖动到适当大小后放开鼠标左键或右键即可。PowerPoint控件与VBA基础 一、 （四）进入VBA的方法PowerPoint控件与VBA基础 一、 （五）控件的主要属性及设置方法进入VBA后，需要在“属性”窗口中对控件的属性进行设置。如果没有出现“属性”窗口，按F4键即可调出该窗口。“属性”窗口左边为属性名称，在右边为进行属性设置。以下是不同控件的常用属性设置方法：PowerPoint控件与VBA基础 一、复选框的常用属性设置1. AutoSize：用于设

15、置复选框的大小。单击属性名称所在行，出现下拉按钮，单击下拉按钮可以看到两个值。其中，True表示根据字的多少调整复选框的大小，False表示复选框为固定大小。 BackColor：用于设置复选框的背景颜色。单击属性名称所在行，出现下拉按钮，单击下拉按钮，选择“调色板”选项卡后选择颜色。 Caption：控件的名称，把默认值删除再重新输入新名称。PowerPoint控件与VBA基础 一、 Font：用于设置字体、字形和字的大小。单击属性名称所在行，出现上面有三个点的按钮，单击该按钮出现字体对话框，在对话框中进行字体、字形和字的大小的设置。 Forecolor：用于设置字的颜色，设置方法同Back

16、Color。 Height：用于设置复选框的高度，直接输入数字即可。 Width：用于设置复选框的宽度，直接输入数字即可。 Value：复选框的值，True为选中，False则相反。PowerPoint控件与VBA基础 一、文本框2. AutoSize、BackColor、Font、ForeColor、Height、Width等属性的设置方法同复选框。其他主要属性的设置方法如下： Value：文本框的值，用来保存输入的文本。 TextAlign：用于设置文本对齐方式。PowerPoint控件与VBA基础 一、单选框3.单选框的属性设置方法同复选框。PowerPoint控件与VBA基础 一、标签

17、4.PowerPoint控件与VBA基础 一、命令按钮5.PowerPoint控件与VBA基础 一、 （六）消息框的功能 我们常用消息框（MsgBox）显示一些交互的信息，如图9-9所示。该消息框用下面的语句可实现：Msgbox(这是一个例题,VbYesNo,示例)图9-9 消息框几种常见交互式习题的设计 二、 （一）单选题编写题目1. 可用文本框或标签来编写题目。如果用文本框，直接输入文本即可；如果用标签，插入后双击该标签启动VBA，修改Caption属性为“5X-15=0的解是：”，再根据需要修改其他属性（如颜色等）。几种常见交互式习题的设计 二、设置选项2. 插入一选项按钮，修改其Cap

18、tion属性为“0”，其他属性可自行修改。其他选项按钮的设置可复制制作好的选项，然后再修改其Caption属性。几种常见交互式习题的设计 二、设置命令按钮3. 插入一命令按钮，修改其Caption属性为“重新选择”，其他属性可自行修改。其他命令按钮的设置可复制制作好的命令按钮，然后再修改其Caption属性，如图9-10所示。图9-10 题目框几种常见交互式习题的设计 二、设置查看答案4. 可根据选项按钮的Value属性的值来判断答案，如选项按钮的Value的值为True，则为选择正确，否则为选择错误；还可以利用命令按钮设置查看答案。我们还可根据选择正误来给出信息。其有以下两种设置方法：几种常

19、见交互式习题的设计 二、（1）利用选项按钮查看答案。用MsgBox（）函数来设置查看答案信息，如果选择正确，显示信息“Very Good!请继续！”，错误则显示“Sorry，你选错了！正确答案是3，请继续努力。”设置方法如下：几种常见交互式习题的设计 二、 双击任一选项按钮进入VBA。 在代码编辑窗口中找到如下两条语句：Private Sub OptionButton3_Click()End Sub 在上面这两条语句中间插入以下语句：If OptionButton3.Value=True Then ex=MsgBox(Very Good!请继续努力。,Vbokonly) 同理，找到如下两条语句

20、：Private Sub OptionButton1_Click()End Sub几种常见交互式习题的设计 二、 在这两条语句中间插入：If OptionButton1.Value=True Then ex=MsgBox（正确答案3，请继续努力。,Vbokonly） 找到如下两条语句：Private Sub OptionButton2_Click()End Sub 在这两条语句中间插入语句：If OptionButton2.Value=True Then ex=MsgBox（正确答案3，请继续努力。,Vbokonly） 需要说明的是，以上语句中的“ex”为自定义变量。几种常见交互式习题的设计

21、二、 （2）利用命令按钮设置查看答案。在幻灯片合适的地方插入一标签，修改其Caption属性为空，然后在代码编辑窗口找到如下两条语句： Private Sub CommandButton3_Click() End Sub 在这两条语句中间插入语句：Label1.caption=正确答案是3 ，请继续努力。几种常见交互式习题的设计 二、设置重新选择5. 双击“重新选择”按钮，在编辑窗口中的Private Sub CommandButton1_Click()和End Sub语句间插入语句：OptionButton1.Value = FalseOptionButton2.Value = FalseO

22、ptionButton3.Value = FalseLabel2.Caption =（需要注意的是：如果设置查看答案用的是第一种方法，那么此处不用进行设置。）几种常见交互式习题的设计 二、设置进入下一题6. 双击“下一题”按钮，在代码编辑窗口中的Private Sub CommandButton2_Click()和End Sub语句间插入如下语句：If MsgBox(是否继续,vbYesNo + vbQuestion,下一题)=vbYes ThenEnd if如果要根据条件的不同转到不同的幻灯片，可用下面的语句：If 条件thenWith SlideShowWindows(1).View.Go

23、toSlide 2End WithEnd if几种常见交互式习题的设计 二、 需要说明的说：条件可以是Caption属性或value属性。书写方法为：控件名称（在VBA中的名称）.属性=（value属性为True或False，Caption属性为具体文本，注意文本要加双引号），如下面的语句：If optionbutton1.value=true then其表示如果单选框1的value值为True，那么运行then后的语句，一直到end if。几种常见交互式习题的设计 二、 （二）多选题编写题目1.几种常见交互式习题的设计 二、设置选项2.几种常见交互式习题的设计 二、设置查看答案3. 因为是多

24、选题，答案有多个，所以要书写多个条件，条件之间用and连接，表示同时满足这几个条件，例如第一、三、五个选项是正确的，则在代码编辑窗口对应的地方输入如下语句：If CheckBox1.Value=True And CheckBox3.Value=True And CheckBox5.Value=True Then给出正确的提示信息同单选题代码Else给出错误的提示信息同单选题代码End if几种常见交互式习题的设计 二、 （三）填空题编写题目1.几种常见交互式习题的设计 二、设置判断正误2. 因为是填空题，所填答案是文本格式，所以其条件语句为：If TextBox1.value=正确的文本 Th

25、en 给出正确的提示信息同单选题代码Else给出错误的提示信息同单选题代码End if 需要注意的是：语句中“正确的文本”一定要用半角双引号引起来。如几个空一起判断，方法同多选题。几种常见交互式习题的设计 二、设置重新填空3. 需要完成如下语句的设置：Private Sub CommandButton2_Click()TextBox1.Value = 请双击后填入你的答案！End SubPrivate Sub TextBox1_DblClick(ByVal Cancel As MSForms.ReturnBoolean)TextBox1.Value = End Sub几种常见交互式习题的设计

26、二、 （四）判断题判断题的制作方法与单选题类似，只不过是设计两个选项“”和“”，这两个符号可先在Word中插入，然后再复制过来。第四节4PowerPoint课件交互设置实训实训要求 一、对前面制作的课件“网页设计教程.pptx”进行目录超链接设置，设计交互式单选题、多选题、填空题，动作按钮实现页面跳转设置等操作。实训步骤 二、 （一）目录超链接设置打开“网页设计教程.pptx”，选择第三张幻灯片，选择“1.1 认识网页与网站”，单击“插入”选项卡“链接”组中的“超链接”按钮，弹出“插入超链接”对话框，在对话框左侧窗格的“链接到：”列表中选择“本文档中的位置（A）”，在右侧窗格中的“请选择文档中

27、的位置（C）：”列表中选择相应章节的幻灯片，单击“确定”按钮，如图9-11所示。其他两项内容超链接方法同第一项。实训步骤 二、图9-11 插入超链接设计交互式习题 二、 （一）单选题 （1）在最后一张幻灯片前面插入四张新幻灯片，将其版式设置为空白。 （2）在插入的第一张空白幻灯片中插入两个文本框，分别输入“单选题练习”和“题目：网页中最基本的构成元素是（ ）”，将字体设置为“微软雅黑”，32磅。设计交互式习题 二、（3）选择“开发工具”选项卡，在“控件”组中选择“选项按钮”，在幻灯片中绘制一个单选按钮，修改其Caption属性为“文本和图片”；在Font属性中，将字体设置为“微软雅黑”，大小设

28、置为“小二”。复制两个“文本和图片”单选按钮，分别将其Caption属性改为“超链接”和“表单”。设计交互式习题 二、 （4）在“控件”组中选择“命令按钮”，在幻灯片中绘制命令按钮，修改其Caption属性为“重新选择”；复制两个“重新选择”命令按钮，分别将其Caption属性分别改为“下一题”和“查看答案”，如图9-12所示。图9-12 单选题界面设计交互式习题 二、图9-13 “重新选择”命令按钮代码 （5）添加代码。 双击幻灯片中“重新选择”命令按钮，在代码编辑窗口中输入如图9-13所示代码。设计交互式习题 二、 双击幻灯片中“下一题”命令按钮，在代码编辑窗口中输入如图9-14所示代码。

29、 双击幻灯片中“查看答案”命令按钮，在代码编辑窗口中输入如图9-15所示代码。图9-14 “下一题”命令按钮代码图9-15 “查看答案”命令按钮代码设计交互式习题 二、 （1）在插入的第二张空白幻灯片中插入两文本框，分别输入“多选题练习”“题目：网页设计基本原则有( )”，将其字体设置为“微软雅黑”，32磅。 （2）选择“开发工具”选项卡，在“控件”组中选择“复选框”，在幻灯片中绘制复选框，修改其Caption属性为“明确网站目标和用户需求”；在Font属性中，将其字体设置为“微软雅黑”，大小设置为“小二”。复制两个“明确网站目标和用户需求”复选框，分别将其Caption属性改为“注重布局设计

30、”和“颜色对比鲜明”。设计交互式习题 二、 （3）在“控件”组中选择“命令按钮”，在幻灯片中绘制命令按钮，修改其Caption属性设置为“重新选择”，复制两个“重新选择”命令按钮，分别将其Caption属性改为“下一题”和“查看答案”。如图9-16所示。图9-16 多选题界面设置图设计交互式习题 二、 （4）添加代码。 在幻灯片中双击“重新选择”命令按钮，在代码编辑窗口中输入如图9-17所示代码。图9-17 “重新选择”命令按钮代码设计交互式习题 二、 在幻灯片中双击“下一题”命令按钮，在代码编辑窗口中输入如图9-18所示代码。图9-18 “下一题”命令按钮代码设计交互式习题 二、 在幻灯片中

31、双击“查看答案”按钮，在代码编辑窗口中输入如图9-19所示代码。图9-19 “查看答案”命令按钮代码设计交互式习题 二、 （三）填空题（1）在插入的第三张空白幻灯片中插入三文本框，分别输入“填空题练习” “题目: （ )是进入某个网站的入口网页，即打开网站后看到的第一个页面。”“答案”，将其字体设置为“微软雅黑”，32磅。（2）选择“开发工具”选项卡，在“控制”组中选择“文本框”，在“答案”旁绘制一文本框。设计交互式习题 二、 （3）在“控制”组中选择“命令按钮”，在幻灯片中绘制按钮，修改其Caption属性为“重新输入”。复制两个“重新输入”命令按钮，分别将其Caption属性改为“下一题”

32、和“查看答案”。如图9-20所示。图9-20 填空题界面设计交互式习题 二、 （4）添加代码。 在幻灯片中双击“重新输入”命令按钮，在代码编辑窗口中输入如图9-21所示代码。 在幻灯片中双击“下一题”命令按钮，在代码编辑窗口中输入如图9-22所示代码。图9-21 “重新输入”按钮代码图9-22 “下一题”按钮代码设计交互式习题 二、 在幻灯片中双击“查看答案”命令按钮，在代码编辑窗口中输入如图9-23所示代码。图9-23 “查看答案”按钮代码设计交互式习题 二、 （四）判断题 （1）在插入的第四张空白幻灯片中插入两个文本框，分别输入“判断题练习”“题目: 网页是一个文件，它存放在自己的电脑当中供用户访问。”和“答