现在网络中流行的新型教学模式微课虽然广受欢迎,但如果是我们自己尝试制作的话,会发现过程涉及的制作软件会非常多,对于初学者来说无疑增加了一道无形的门槛。那有没有一站式解决方案呢?在此,笔者推荐大家使用ActivePresenter,实现微课强大的交互能力(图1)。

从微课片头开始

运行Active Presenter软件,点击“新建工程空白工程”,输入工程名称,设置好保存位置及页面大小,点击“确定”。录制窗口的大小与开始时新建的工程大小有着直接的关系,所以在新建工程时一定要想好所要录制窗口的大小。

进入编辑窗口,在“主页”选项卡中,点击“空幻灯片”,这时就会在编辑区添加一个空白幻灯片,窗口右侧是这个幻灯片的“属性”设置界面。通过属性界面设置幻灯片的背景色为灰色,点击“文本标题”,在幻灯片中插入一个文本框,输入所需要的标题,在右侧的属性窗口设置好它的入场动画、显示模式、样式及阴影等所需效果;点击“注释”选项卡中的“图像”按钮,插入所需要的图片,在右侧的属性窗口中,设置图片的入场动画等效果:在编辑区下方的时间轴上,通过拖动的方式来调整文本框以及图片出现、结束的时间点(图2)。

添加交互性手势

对于交互式的幻灯片,需要添加一个操作提示。如想在点击Word图标时切换到下一张幻灯片,可在Word图标处添加一个手势提示,以提醒操作人员点击此处。点击“注释”选项卡“手势效果”中的“单击”,将出现的方框拖动到Word图标位置,调整好大小:在右侧属性窗口将它的“退出”效果设置成“没有”,并在时间轴调整好它出现、结束的时间点(图3)。

手势提示添加完成后,还需要添加一个按钮事件。点击“交互”选项卡中的“鼠标单击”,将出现的方框也拖动到Word图标位置,调整好大小与手势框一致,将正确、错误提示框删除,同样也在时间轴上调整好它的出现、结束时间点:右击这个“鼠标单击”框,选择“事件属性”,在弹出的事件编辑器对话框“鼠标单击”选项卡中,勾选“事件触发操作”,双击事件下“左键单击”所对应操作下的空白格,在弹出的“添加操作”对话框中选择“前进”,输入“1”张幻灯片。这样,当点击Word图标这个位置时就会跳转到下一张幻灯片(图4)。

录制完整的微课内容

提前打开授课所用软件(如Word),点击“主页”选项卡中的“捕获幻灯片”,在弹出的窗口中选择“录制软件演示”,在出现的录制窗口中勾选“锁定应用程序”,选择Word应用程序,选择好音频输入设置,点击红色的按钮就可以边演示边录制了(图5)。

录制过程完成后,就会生成一张新幻灯片。同样,可以设置这个幻灯片进入时的动画效果等。选定幻灯片中生成的视频,设置它的动画效果、显示模式、光标效果、单击声音等。

在幻灯片中生成的视频也是可以编辑的,比如为了突出显示某个场景位置,可在合适位置添加一些聚光灯效果等。如果需要将这个完整的视频幻灯片进行分割演示,只需在将时间轴上的播放头放在合适的位置后,点击“分割幻灯片”,就能将这个视频幻灯片进行分割,生成新的幻灯片。

完成以上制作过程后,点击“导出”选项卡中的“模拟HTML5”,在弹出的窗口中设置好模板类型、操作模式及输入位置等,导出作品。演示时,点击相应的演示类型(如教程)就可以了。

小提示

微课录制完成后,还可针对该微课制作一些课后习题,这是其他一些录屏软件所不能完成的。插入一张空白幻灯片,选择“交互”选项卡,根据需要点击试题类型,如单选题,输入题目、备选,通过点击“事件”来设置好正确答案以及正确、不正确时的响应等。在试题设置时,可以勾选“通过选项得分”,如设置正确选项时得1分,错误选项得0分。

html5的交互式微课,交互式微课这样制作更轻松相关推荐

  1. office 高效办公智慧树_精品网课office,让工作学习更轻松

    2020年的春天,是一个特别的春天,互联网.MOOC.云端教学等在这个春天显得尤为重要.看视频,记笔记,做作业,看直播成为同学们这一个月来的主要学习方式.在欧亚就有这样一门课,线上可以让你与名校学霸同 ...

  2. 多点触摸三维电子沙盘可视化交互系统教程第15课

    多点触摸三维电子沙盘可视化交互系统教程第16课  详情请点击 最近更新了卫星数据提供部分,将数据提供部分改为了插件模式,可通过配置插件支持EPSG:900913方式切分的瓦片. 因为早期使用的数据库为 ...

  3. 三维电子沙盘 三维数字虚拟沙盘 开发教程第39课 交互触摸查询面板的调用

    三维电子沙盘 三维数字虚拟沙盘 开发教程第39课 交互触摸查询面板的调用 查询面板调用: private void Button_Click_11(object sender, RoutedEvent ...

  4. 虚拟现实三维数字沙盘电子沙盘可视化交互开发教程第5课

    虚拟现实三维数字沙盘电子沙盘可视化交互开发教程第5课 设置system.ini 如下内容 Server=122.112.229.220 user=GisTest Password=chinamtouc ...

  5. html5表单与PHP交互

    1.示例代码 前端: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l ...

  6. html先隐藏后交互,为配合Axure,我用HTML5先临摹instagramAPP的交互界面

    原标题:为配合Axure,我用HTML5先临摹instagramAPP的交互界面 现在市面上有很多诸如Axure.Shireframe.Pencil Project等产品原型设计软件,每个产品都有其独 ...

  7. 交互流程_交互装置详细创作流程全解

    装置项目可以存在于各个类型的作品集中,但是同学们总是对这类作品集存在认知上的误区.要知道交互装置并不是"靠近就会动"."可以按指令动起来"."有传感器 ...

  8. 认识计算机硬件观评课,观课听课评课评语

    观课听课评课有利于帮助和指导教师不断总结教学经验,形成教学风格,提高教育教学水平, 观课听课评课评语一 1) 优点:准备充分,教态亲切.平易近人,让孩子们经历了学习知识的过程,在活动中感悟.在合作中积 ...

  9. 【视频课】一课掌握模型设计核心理论与实战技巧

    课程介绍 模型的设计是整个深度学习领域的通用基础,不管是从头设计自己的神经网络,还是对已有模型进行优化获得更高的任务指标,更快的运行速度,获得更小的模型体积,都需要掌握各类网络的设计技巧,是深度学习算 ...

最新文章

  1. [深入浅出Cocoa]详解键值观察(KVO)及其实现机理
  2. fedora linux操作系统安装,Fedora-10 Linux操作系统的安装,Fedora Linux的安装锦集收藏,图文并茂详解...
  3. mysql 优化300例_PHP+MySQL实现对一段时间内每天数据统计优化操作实例
  4. Win32 串口编程(三)
  5. 小波分析实验: 实验1 连续小波变换
  6. 认识伪类元素:before和:after
  7. Leetcode--151. 翻转字符串里的单词
  8. 大数据、云计算、AI大牛都在这里了,就等你来捞干货
  9. JSONP和CORS两种跨域方式的介绍和方案实例
  10. 聊聊技术人的中年危机
  11. 如何使用 DiskGenius 合并分区
  12. Pr:音频剪辑混合器和音轨混合器
  13. DongDong数颜色 树上启发式合并 牛客
  14. 服务器win10系统开机慢,Win10系统更新后开机变得很慢的解决方法
  15. 工作后如何快速高效的学习专业知识
  16. 互联网创业新思路,桔子拓客帮您一键解决流量难题
  17. 笔记本外接显示器闪烁(水波纹)解决方案
  18. linux字符终端浏览器-----Lynx
  19. 0行代码拿210万年薪,ChatGPT催生新型「程序员」岗:工作纯靠和AI聊天
  20. Python——学生管理系统

热门文章

  1. [2015 Springer] Local Image Descriptor: Modern Approaches——1 Introduction
  2. 20220606:活体识别辅助监督-深度图+傅里叶
  3. Swift与Objective-C\C\C++混合编程-关东升-专题视频课程
  4. 数据分析如何辅助决策【通俗版】
  5. Unity编辑器开发(三):实战、开发一个AB包编辑器工具
  6. 曲线拟合(高斯牛顿法,Ceres,g2o)
  7. jdk1.8api+google翻译下载
  8. 使用RetroPie构建复古游戏机
  9. android流媒体技术
  10. ubuntu15.04 无线上网问题