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

这个博客分享了使用清晰故事线在电子学习课程中添加帮助按钮的步骤。

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

在我之前的博客中1,我分享了一些技巧来定制资源按钮(在图形用户界面)。我们还看到了如何在该按钮中添加资源。我们还可以自定义其他GUI功能,如菜单、注释和帮助按钮。

在本博客中,让我们看看如何添加一个“帮助按钮的GUI。

添加帮助按钮

这是提供导航帮助的最佳方式,以便学习者可以继续学习课程。在帮助页面中,您将提供课程导航功能的简要说明。

随着帮助按钮在整个课程中都是可用的,我们需要在Master幻灯片中添加它。

我们遵循与菜单按钮和资源页面类似的步骤。

步骤1

设计或插入帮助按钮在主幻灯片。

在主幻灯片中插入帮助按钮,步骤1

步骤2

插入一个幻灯片图层并命名为“帮助”。设计您想要显示的Help内容,如下图所示。

插入一个滑动层,命名为help

步骤3

指定一个触发器显示层时“帮助”按钮点击。

分配一个触发器,当帮助按钮被点击到第3步时显示图层

步骤4

现在,添加一个透明的补丁(当学习者点击帮助页面,页面将被隐藏)。

添加透明补丁步骤4

步骤5

最后,添加一个触发器来隐藏“帮助”页面。

添加一个触发器来隐藏帮助页面(步骤5)

现在,预览/发布并检查课程。定制的“帮助”按钮是准备好了。

希望这4部分我的博客将帮助你节省宝贵的时间,下次你需要定制一个GUI在清晰的故事线。

在下一篇博客中,我将向你展示一些有用的技巧。再见!

[1]CommLab印度

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