在清晰的故事情节中创建一个有趣的电子学习GUI设计-第2部分

这个博客分享了使用清晰故事线添加自定义菜单和脚本按钮到电子学习课程的步骤。

Flash到HTML5的转换
在清晰的故事情节中创建一个有趣的电子学习GUI设计-第2部分

清晰故事线,一个流行的快速电子学习创作工具,包括一个伟大的功能,以定制所需的播放器/GUI。定制后,我们可以在多个电子学习课程中重用相同的接口。在我以前的博客,我分享了一些定制gui(图形用户界面)的技巧。我们已经看到了如何自定义GUI尺寸(宽度和高度)和添加自定义回来下一个按钮。我们还可以自定义其他GUI未来,如菜单、注释、资源和帮助按钮。

在这个博客中,让我们看看如何添加:

  1. 自定义菜单在GUI
  2. 提示来显示音频脚本

GUI中的自定义菜单

任何GUI都有一个菜单,你可以在课程中浏览幻灯片。由于菜单在整个课程中都是可用的,我们需要在主幻灯片中添加它。首先,根据需要设计GUI。

自定义gui特性

步骤1:

设计或插入菜单按钮在主幻灯片。

插入主幻灯片中的菜单按钮,步骤1

步骤2:

插入一个Slide图层并命名它“菜单”。设计“菜单”图层,添加菜单根据您的主题或模块列出(如图所示)。

插入一个幻灯片图层,命名为menu

步骤3:

指定一个触发器,用于在单击菜单主题时跳转到相应的幻灯片。

指定一个触发器来跳转菜单幻灯片Step3

类似地,为其他菜单主题添加更多幻灯片并添加触发器每一个。

步骤4:

添加一个触发器到主幻灯片菜单按钮显示菜单层。

添加一个触发器到主幻灯片(第4步)

现在,预览并检查课程。定制菜单已经为您的课程准备好了。

添加笔记

如果你想在课程中显示音频脚本,它可以帮助学习者随着音频一起阅读脚本。

根据需要设置脚本

您可以根据需求以多种方式设置脚本。

步骤1:

设计或创建如下所示的Script按钮。

注意:每张幻灯片都需要Script按钮,每张幻灯片都有自己的脚本。所以不要在主幻灯片中包含这个功能。

步骤2:

插入脚本在每张幻灯片中添加幻灯片层并添加要显示的文本。

插入脚本幻灯片层

步骤3:

包含Exit按钮来隐藏脚本。

包含退出按钮来隐藏脚本

重复这些步骤在其他幻灯片中添加Script按钮。

希望这些步骤可以帮助您节省宝贵的时间,下次您需要定制清晰故事线的GUI。

在下一篇博客中,我将展示如何添加自定义的Resource按钮。再见!

how-to-select-right-rapid-authoring-tool-cta
如何选择合适的快速创作工具
在清晰的故事情节中创建一个有趣的电子学习GUI设计-第2部分
复制链接