交互式课件制作步骤分享
转自：微点阅读 https://www.weidianyuedu.com
一位同事请求帮忙用Flash制作一个滑动变阻器的课件。考虑到用Flash制作要用代码甚至编程，比较高深，于是寻求更为简单可行的制作方法——改用Articulate Storyline 2软件来完成滑动变阻器交互式课件的制作。
实例描述：课件中的线路图有电源、安培表、开关、滑动变阻器、电灯。当开关闭合时，电灯根据滑动变阻器的滑块位置达到一定亮度，安培表指针也指到一定数值，且左、右拖动滑动变阻器的滑块时，电灯的亮度及安培表的指针都发生相应变化。当开关断开时，电灯灭掉，安培表指针恢复到0（图1）。
1. 素材准备好
准备好课件中所要用到的图片素材。灯泡、滑块、滑杆、开关的刀片都需要单独的图片，安培表中的指针可在幻灯片中利用自选图形画出，而线路图可在画图软件中组装完成，生成新的图片。最好将这些图片的背景设置为透明，可通过图像处理软件或在线服务去除图片背景。
2. 配件巧组装
打开Articulate Storyline 2，新建一个项目，双击无标题场景幻灯片进入编辑窗口，右击设置好它的背景。在幻灯片中插入线路图、刀片、灯泡等图片，插入控件按钮中的一个滑块并选中它，在格式选项卡的滚动块样式处，单击“滚动块填充”下的“图片”，选择“滑块儿.png”文件，在轨道样式处单击“轨道填充”下的“图片”，选择“滑杆儿.png”文件，这样就将插入的滑块变成了滑动变阻器中的滑块样式。选择“设计”选项卡，设置滑块的开始为1，结束为10。再插入“箭头”形状作为安培表的指针。最后，调整好各个图片及控件的位置，并在时间线上上下拖动调整好各个元素间的层次关系（图2）。
小提示：
如果滑块中的图片大小不太合适，可通过调整8个控制点及控制滚动块、轨道的2个黄色控制点调整大小。
3. 更改素材状态
由于开关有打开和闭合两种状态，灯泡的亮度、安培表的指针也要进行变化，所以就需要设置它们的不同状态。选择刀片图片，由时间线切换到状态，点击“编辑状态”按钮，新增状态，状态名称处选择“已选定”，选择“正常”状态，调整好图片的角度。同理，选择灯泡图片，新增10个状态，命名从1到10，利用格式选项卡中的亮度、对比度来调整灯泡的颜色；选择箭头（安培表指针），新增10个状态，命名从1到10，调整好指针的角度（图3）。
4. 设置素材动作
点击窗口右边的“管理项目变量”按钮新增一个变量，名称为kg，类型为编号，默认值为0。选择开关（即刀片图片），新增触发器，设置各项参数（图4）。新增条件，按如图所示进行设置（图5），这样表示当开关处于正常状态（开关打开）时变量kg的值为0。同样道理，再新增触发器，当图片5的状态处于“Selected”（已选定，开关闭合）时，变量kg的值为1。
新增触发器，按如图所示设置（图6），表示当滑块的值为10（在最右侧）且开关闭合时，指针指向状态10。再新增9个触发器，目标状态分别为9、8……，条件分别为“滑块1==等于9和kg==等于1”、“滑块1==等于8和kg==等于1”……直到目标状态为1。同理，新增10个触发器，按如图所示设置（图7），表示当滑块的值为10（在最右侧）且开关闭合时，灯泡状态为1。
和上述操作类似，增加10个触发器用于控制灯泡根据滑块的调整来更改相应亮度，“时间：滑块移动”，“对象：滑块1”，条件和上述类似。再增加10个触发器，用于控制指针根据滑块的调整来指向不同刻度，“时间：滑块移动”，“对象：滑块1”，条件和上述类似。
新增2个触发器，设置“操作：更改状态”，“在对象上”分别为“箭头1”和“图片3”（灯泡），“目标状态：正常”，“时间：变量更改”，“变量：kg”，“条件：kg==等于0”，这样就实现了当开关打开时，指针和灯泡都恢复成正常。
5. 合理优化发布
最后，为了有一个简洁的操作界面，需要切换到视图状态，点击相应的幻灯片，在幻灯片导航处去掉一些不必要的按钮；在播放器功能处选择“自定义选定幻灯片”，去掉一些不必要的按钮。点击“发布”按钮，在弹出窗口选择Web选项卡，输入标题，设置好发布文件夹，最后发布就可以了。
交互式课件制作步骤分享相关推荐
- 微电影宣传片制作步骤分享。
微电影宣传片制作步骤分享. 在如今这个视频产业迅速发展的时期,微电影也作为其中一个重要组成部分在近几年得到了飞速的发展.现在拍摄的成本被放低,每个人几乎都拥有可以拍摄的东西.因为微电影之制作简单,拍摄 ...
- HTML交互式课件制作,交互式课件制作软件
Hot Potatoes是一款非常经典的交互式课件制作软件,可以帮助老师制作交互式Web课件,支持选择题.简答题.填空题.配对题.排序题以及填字题六种题型,并且使用很简单,无需编程,只需输入文本就可以 ...
- html5制作交互式课件,交互式课件的实现与制作
内容介绍 原文档由会员 痴狂少年 发布 交互式课件的实现与制作 全文约4600字 设计合理 论述翔实 [摘要] 基于网络的多媒体课件必须具备交互性的特点,以实现学生与计算机.教师与学生的交互功能,文章 ...
- html5制作交互式课件,用flash制作交互式课件.ppt
用flash制作交互式课件 第4章 用Flash制作交互型课件;Flash制作交互型课件 ;4.1 Flash MX 2004基础知识;1. 初识Flash;2. 文档选项卡;3.时间轴;4. 工具箱 ...
- 多媒体制作技术心得体会_交互式多媒体课件制作的一点心得体会
通过制作交互式多媒体课件,并在课堂教学中的使用,谈点感悟. 如今社会对信息技术的运用已十分普遍,信息技术也逐渐在教育教学活动中得以广泛应用.作为教育战线的一员,掌握信息技术知识,结合学科特点并将多媒体 ...
- html5制作交互式课件,网易科技频道--Hot Potatoes 教你如何制作交互式Web课件的新工具...
交互式课件可以让学生在课后对课堂的内容做充分的复习和训练,我想大多数老师都常用Powerpoint或Authorware制作交互式课件,今天向大家介绍一款制作交互式Web课件的新工具--Hot Pot ...
- 计算机基础白板课件,白板教学最流行的6种教学模式－交互式电子白板课件制作心得...
白板教学最流行的6种教学模式-交互式电子白板课件制作心得 一.构建课堂互动探究学习平台 交互式电子白板适用于课堂中的探究学习,教师可以通过交互式电子白板构建学习情景,并且可以通过交互式电子白板更为清晰 ...
- html交互式课件如何制作,如何制作交互式课件精选.ppt
如何制作交互式课件精选 PowerPoint制作交互式课件 苏州电视中专 苏州第二十中学 2007年10月 课程概要 交互式课件示例 控件概述之基本使用 控件概述之属性和事件 选项按钮的属性和事件 选 ...
- 分享公众号预约怎么做_教你实现微信公众号预约制作步骤的方法
在日常生活中,我们身边有着各种各样的微信公众号预约系统,例如门诊挂号预约或者各种报名预约,通过在线的报名预约系统,用户不用在跑去现场进行预约,这样极大的方便了用户,同时也方便商家统一管理用户的预约订单 ...
最新文章
- 梅赛德斯奔驰即将为Apple Watch推出应用
- 非安装版的PostgreSQL8.3.3的首次使用经历
- 国科金：共融机器人基础理论与关键技术研究重大研究计划
- C#读取 *.exe.config
- unity update 协程_[转载]【转载】unity3D中使用协程来做“多次调用一次更新”特性的一个大坑。...
- php-elasticsearch 单条、批量插入数据
- 若依RuoYi框架修改器
- 《HybridSN: Exploring 3-D–2-DCNN Feature Hierarchy for Hyperspectral Image Classification》论文学习笔记
- torch.randn用法
- 数学工具-desmos 图形曲线
- Python函数初始
- 幸福人生心得体会之如何得到好婚姻好事业
- PTA python 币值转换 ，逆序数
- 1967年图灵奖--莫里斯·威尔克斯生平
- 电机世界之直流无刷电机（科普文）
- 11.25 pyfolio
- 基于Web的IM简介
- Jmeter之集合点与关联
- java gui 开发工具_用什么工具进行java GUI的开发？
- 钰泰ETA9880.9881.9882可代替IP5306.5407.充电IC