基于Lectora的响应式课件的设计与制作

葛牧天

（南京市广播电视大学，江苏 南京 210002）

基于Lectora的响应式课件的设计与制作

葛牧天

（南京市广播电视大学，江苏 南京 210002）

随着我国社会的不断发展，信息化技术水平的突飞猛进，在教育改革方面，取得了巨大进步。教育信息化也成了当前形势下必然的发展趋势。同时，随着在线教育、终身教育等的兴起，学生的学习模式也在发生了巨大的变化。在这样一种环境下，传统的类似PPT的演示型课件已经无法胜任信息化教育的模式，其缺点也日渐放大，如内容展示枯燥、无法与学生进行互动、不方便进行移动学习等。在新的环境下，需要一种不同于传统的新的课件，来满足新形式下学生的学习需求。文章详述了基于Lectora的响应式课件的设计与制作，并分析了其应用效果和不足，以期更好地为广大学习者提供服务。

Lectora；响应式课件；教育信息化

1 响应式课件

对于目前的教育领域来说，课件主要有两种形式，一种是PPT类的展示型课件，一种是基于B/S架构的网络课件。其中，展示型课件只适用于传统的课堂教学，课件内容相对枯燥，与学生之间缺乏互动，并且对移动设备的支持性很差，已经逐渐无法适应新环境下的教育教学。而基于B/S架构的网络课件，可以支持网络学习，内容上可以与学习者互动，如果设计时考虑周到，还可以支持电脑、智能手机、平板电脑等不同设备访问。也正是这些优点，使得这种结构的课件更受到学习者的欢迎。

同时，根据研究显示，目前越来越多的人习惯用智能设备而不是传统的电脑进行学习，这些智能设备在尺寸、屏幕分辨率、操作方式上均和传统的电脑有所区别，为了提高课件的使用体验，这时就需要开发响应式课件来满足各种不同设备的访问需求。响应式课件就是指课件响应式设计。同样的内容在不同的设备屏幕上呈现出不同的显示效果，但会尽量减少放大缩小或者平移的影响，使得学习者无论使用何种设备，都可以获得最佳的学习体验。响应式课件的展示效果具体如图1所示。

图1 响应式课件在不同设备的展示效果

2 Lectora课件开发工具

目前，响应式内容的开发都使用了相同的原理，就是内容的放置是基于流动网格，而这些流动网格又基于使用中设备的宽度而发生变化。当视图区域减小，网格也同时缩小，同时内容的版面重新安排，这样就不需要使用水平滚动条或者缩小版面。这样的设计需要开发者掌握和具备较强的网页编写能力，例如CSS媒体框架的编写能力以及Java Script网络的脚本语言的使用能力，也正是这些因素导致很多教师不愿意或没有能力开发响应式课件。因此，教育行业也迫切需要支持响应式课件的快速开发工具。而Lectora系列软件，就能很好地满足这方面课件开发的需求。Lectora是美国Trivantis公司开发的一款功能强大、操作简单的快速课件设计制作软件，软件提供给开发者一个丰富的编辑环境，它的多功能性和易操作性可以帮助开发者制作出各类适用范围广的课件和各种在线演示。并且可以直接发布为支持scorm标准的Web html格式，方便学习者直接使用学习，并且在最新的版本Lectora 16中，开始支持响应式课件的设计。利用Lectora 16开发响应式课件，并不需要设计者考虑复杂的屏幕大小问题，软件本身设计了5种可能遇到的视图：台式机视图、平板电脑横版视图、平板电脑竖版视图、手机横版视图和手机竖版视图。理想状态下，设计者只需要在台式机模式下进行一次版面设计，课件内容就会在其他几种模式下自动放缩和排列出来。如果对系统自动的调整效果不满意，还可以在每一种视图模式根据当前的特殊情况进行微调，来达到最好的展示效果。

3 基于Lectora 16制作响应式课件

这里以笔者利用Lectora 16制作的“玩转Android”为例，来探讨Lectora 16制作响应式课件的基本方法。“玩转Android”是服务于开放大学终身教育的一门微课程，主要介绍了关于安卓手机的一些基础知识，具体内容共分为了10个微课，在网络上供学习者访问使用。课件的学习对象为社会所有学习者。也正是因为学习者的性质，可能会有大量来自于移动智能设备的访问，因此将“玩转Android”设计成响应式课件是十分有必要的。

3.1 课件设计结构

整个“玩转Android”课件，采用了类似APP的导航结构，进入具体内容学习时，顶部为当前所学习的具体内容，左侧为隐藏式的导航菜单，默认为隐藏，需要时可以滑动调出进行内容跳转，主要区域为微课的内容展示区，具体内容是事先编辑制作好的“玩转Android”动画视频，整个课件的框架如表1所示。

表1 “玩转Android”课件框架设计

整个课件的设计，充分考虑了可能的学习人群，以及学习者所使用的设备，尤其重点考虑了手机等智能设备的特性和访问习惯，因此设计时要求课件界面清晰明了，智能设备的初学者也可以方便使用；课件尽可能地少出现大段的文字内容；按钮尽量设计明显且分开，防止移动设备上出现误触摸的情况；导航菜单默认为隐藏，减少屏幕占用，将几乎100%的屏幕空间留给微课视频，需要时可以通过标题栏的菜单呼出按钮调出菜单导航按钮，实现学习内容的跳转。

3.2 课件的具体制作

确定了课件的设计，接下来利用Lectora 16软件对课件进行设计制作。打开软件，注意和以往版本的Lectora软件不同，这里需要创建一个具有响应能力的作品（见图2）。

图2 Lectora创建具有响应能力的作品

进入了设计模式，课件设计的顶部出现了5种设计视图（见图3），从左往右分别为手机纵向模式、平板电脑纵向模式、电脑桌面模式、平板电脑横向模式和手机横向模式。一般情况下，我们只需要在桌面模式下进行编辑设计，系统会自动调整其他模式下课件的布局。当然这样自动生成的布局不可能完美，很多情况下，需要我们手工进行重新调整，来达到各种模式下的完美呈现效果。

图3 Lectora响应式课件的5种设计模式

具体课件设计时，参考了很多手机程序的界面设计，和以往的课件不同，这里没有采用传统的按钮式设计，而是图标式的设计，大小合适的图标看上去一目了然，并且方便手机点击，不会造成操作上的困难以及误操作的产生。进行调整后，整个课件的界面在5种访问模式下均可以完美呈现，受到版面的限制，这里展示两种典型的情况，分别为桌面访问模式视图以及手机纵向访问模式视图（见图4—5）。

图4 “玩转Android”桌面模式视图

完成了课件首页结构设计，接着是具体的内容页面。由于10节微课的动画视频已经提前做好，这里只需要在做好具体页面后，直接导入视频动画即可。Lectora软件支持MP4的视频文件，并且本身提供了视频播放器可供浏览器使用。需要注意的是由于课件考虑到了移动设备的流媒体播放，因此采用了分辨率为1 920×1 080 ppi，编码方式为H.264的MP4视频，可以几乎在所有设备上获得较为完美的播放效果。

图5 “玩转Android”手机竖版模式视图

最后是导航菜单的设计。为了最好的学习效果，在默认情况下，菜单为隐藏，在需要时，通过设计的菜单呼出按钮呼出。通过菜单可以跳转到任意的微课内容，可以回到课件的主界面或者直接隐藏菜单继续当前的学习。菜单的编辑以及最终效果如图6所示。

完成了全部的设计过程，接下来是生成具体的课件。Lectora支持将课件发布为离线模式（exe文件）或者在线的Web格式（html5标准）。这里根据课件的使用需求，将其发布为Web格式。发布完成后，经过测试没有错误之后，直接上传至学校的学习平台，提供给学习者进行学习反馈。

图6 “玩转Android”菜单编辑

4 课件的使用效果与不足

课件发布以后，也在多个设备上进行了测试，包括了电脑端的IE浏览器，Edge浏览器，Firefox浏览器，Android手机，各代iPhone以及iPad。经过实际测试表明，在以上各类常见设备中，无论横屏或者竖屏的情况，课件均能够自动响应，达到了预期的设计效果。

课件的使用人群没有特定的限制，所有愿意学习的人都可以使用本课件。为此笔者也询问了身边的一些人群以及观看使用过本课件的一些学习者。大家都没有意料到这样类似的响应式布局能在课件中出现，并且对课件的访问效果表示满意，并且希望将“玩转Android”这门微课程深入地开发下去，更好地服务于终身教育。

当然，用Lectora开发响应式课件目前也存在着一些缺点。Lectora软件虽然功能十分强大，但在视频动画方面依然存在不足。因此制作这门课程时，先利用别的软件完成了视频部分的制作，直接导入Lectora使用。此外，虽然软件自动会生成不同的响应式布局，但是自动生成的效果难以令人满意，如果想达到一个好的效果，需要花费时间耐心地调整不同模式下的具体布局。软件本地中文化后，一些功能的翻译令人难以理解，需要多次摸索领悟其具体含义。但是，这些小缺陷并不能掩盖Lectora是一门课件开发的利器。

5 结语

在教育信息化飞速发展的时代，一些传统的学习方式已经不能满足人们的需求，新的移动自主式的终身学习模式也必将引领起新的潮流。我们在制作教学资源的同时，也要尽可能做到一次制作，任何设备均可用。这样，不仅大大提高了资源的使用效率，也可以更好地适应信息化教育的趋势，更好地为广大学习者提供服务。

[1]张一春.精品微课设计与开发[M].北京：高等教育出版社，2016.

[2]陆灵明.M-learning时代网络课程设计新范式—响应式课程设计[J].中国教育信息化，2016（10）：49-51.

[3]孙涛，邹蓓，袁顺，等.Lectora软件制作课件应用研究与实践[J].福建电脑，2015（11）：157.

[4]Lectora中国博客.Lectora 16快速入门指南[EB/OL].（2016-05-19）[2017-10-25].http://blog.sina.com.cn/lectora.

Design and implementation of response courseware based on Lectora

Ge Mutian
（Nanjing Radio and TV University, Nanjing 210002, China）

With the continuous development of society in China, the level of information technology has been advancing rapidly, and great progress has been made in the educational reform. Educational informatization has become an inevitable trend in the current situation. At the same time, with the rise of online education and lifelong education, the learning mode of students has also undergone tremendous changes.In such an environment, similar to the traditional PPT demo courseware has been not qualified for the informatization of education mode, its disadvantages are also increasingly enlarged, such as the presentation of the content boring, unable to interact with the students, which is not convenient for mobile learning and so on. In the new environment, a new courseware which is different from the traditional one is proposed to meet the students’ learning needs. This paper elaborates the design and production of response courseware based on Lectora, and analyzes its application effect and deficiency in order to better serve the majority of learners.

Lectora; response courseware; educational informatization

葛牧天（1985— ），男，江苏南京人，工程师，学士；研究方向：教育资源。