(完整)ArticulateStoryline入门教程

目录late Storyline入门教程：中文安装教程(图文) ............................................. late Storyline入门教程：概述及界面介绍.............................................................. 10.................................................. 14 ....................................................... 23...................................................... late Storyline入门教程：创建幻灯片，添加内容late Storyline入门教程：创建交互内容late Storyline入门教程：建立和编辑测试问题late Storyline入门教程：录制操作屏幕late Storyline入门教程：自定义播放器late Storyline入门教程：发布课程为.................................................................. 41.................................................................. 47flash、html5以及 569.新建Articulate Storyline项目............................................................................................. 5910.设置Articulate Storyline项目的尺寸............................................................................... 6111.设置Articulate Storyline的开始场景............................................................................... late Storyline的视图切换........................................................................................ late Storyline场景的使用方法................................................................................ 7114. Articulate Storyline普通视图的使用............................................................................... 8615.在Articulate Storyline中插入图片 ........................................................................ 89................................................................... 9316.在Articulate Storyline中快速进行屏幕截图17.在Articulate Storyline中插入人物................................................................................... 981

late

文)

Storyline入门教程：中文安装教程(图Articulate Storyline入门教程为了帮助你快速开始使用Articulate Storyline，我们创建了一个初学者的教程，引导你使用其最常见的功能和操作流程。主要包括：ine中文安装教程Storyline概述及界面介绍创建你的第一张幻灯片，并添加一些内容通过创建一个简单的场景和交互，了解如何创建交互内容建立和编辑测试问题，学习如何创建一张结果幻灯片去跟踪测试结果录制操作屏幕，学习创建交互式的软件仿真操作自定义Storyline播放器发布课程为flash、html5以及ipad

ine中文安装教程1.双击2.启动安装向导3.下载对应组件2

4.准备安装Storyline前的提示，单击Next下一步5.选择“Ｉaccept the terms of the

许可协议。单击Next下一步license agreement”，接受用户3

6.选择安装路径，默认为Next下一步C:Program FilesArticulateArticulate Storyline ，单击4

7.提示开始安装程序，单击Install开始安装5

8.安装过程中会显示安装进度6

9.安装结束，默认会选中“Automaticallyupload error statistics to help

ticulate Storyline”，自动上传错误统计帮助我们提高Articulate Storyline。单击Finish结束安装。us improve Ar7

10.安装完成后在开始菜单和桌面都有Articulate Storyline，我们可以直接双击桌面的Articulate Storyline快捷方式打开Articulate Storyline。11. Articulate Storyline程序启动过程界面8

12. Articulate

面！Storyline成功启动，进入Articulate Storyline 欢迎界9

late

late

Storyline入门教程：概述及界面介绍Storyline概述及界面介绍Articulate Storyline是一个强大的独是一个强大的独立工具，具有无可比拟的交互功能，将帮助你建立动态的、引人入胜的内容-其中包含模拟、屏幕录制、拖放式交互、单击显示活动，以及测试和评估等等。打开Storyline后，我们首先看到Storyline欢迎界面，这里我们简单介绍一下 a new project 创建一个新项目下面有5个选项：1.新项目（默认选中）2.录制屏幕3.导入PowerPoint

10

:

4.导入QuizMaker

5.从项目模板开始 a recent project 打开最近使用的项目你可以看到最近正在使用并且保存的项目，你可以打开继续使用它们。ng Storyline 学习Storyline

有一些英文的学习视频，有兴趣大家可以自己进入学习。 downloads and templates 免费下载模板一些免费的模板，大家可以去下载学习。我们这里选择New project新项目11

此时会出现Storyline的操作界面，上面是Ribbon风格工具栏界面，和Office 2007差不多相同，只是功能不同，我们在后面用到的时候再做介绍。1.中间的主界面是Storyline的视图，大家可能比较陌生，我们这里4个概念： view Story视图，以后我们做的幻灯片的缩略图都会显示在这里，相当于一张全局概览图。ed Scene 未命名场景，场景是一组相关幻灯片的组合，比如我们可以把讲解的幻灯片放到一个场景中，把测试的幻灯片放到另一个场景中。新建项目时会默认创建一个未命名场景。场景序号为1

ed Slide未命名幻灯片，幻灯片和PowerPoint中的幻灯片概念基本相同，这里不多做介绍了。新建项目时会默认创建一个未命名幻灯片。幻灯片序号为1.1

Normal View Story的普通视图，是建立和自定义每张幻灯片内容的地方。我们双击幻灯片1.1，打开普通视图。12

我们会发现普通视图右边和Story视图右边都有两个面板：rs触发器面板 Layers幻灯片层这两个概念暂时不介绍，后面边用边介绍，大家比较容易理解!

13

late

加内容Storyline入门教程：创建幻灯片，添3.创建你的第一张幻灯片，并添加一些内容创建幻灯片是我们以后最常使用的操作之一，的Home>New Slide和Insert>New Slide

可以有很多种方式建立，比如常用但我们这里建议大家从一开始就使用用习惯。下面是插入幻灯片的界面：Ctrl+M快捷键来操作。建立一个良好的使14

这里有5个选项：ates模板：有一些已经做好的模板幻灯片，你可以直接使用。Basic Layouts基本布局：一些常用的界面布局方式。Quizzing测试：各种测试题型。Screen Rdcordings屏幕录制：屏幕操作录制。Import导入：从外部导入支持的文档格式。我们这里选Basic

幻灯片Layouts基本布局，然后选择Blank空白，单击Insert插入此时，我们就能看到新添加的幻灯片了，我们这里提醒大家，在操作界面上有个地方可以看到您当前在哪个幻灯片上：1.上方的标题栏2.左侧的场景栏，并且在场景栏中还可以看到是哪个场景的哪个幻灯片3.下方的状态栏315

新建好幻灯片之后，我们就可以开始给它添加一些内容了，场景栏栏中的1.1 Untitled Slide，切换到这张幻灯片我们来单击选择左侧通过Insert插入选项卡>IllustrationsRectangular Caption矩形标题插图组>Caption标题说明文字中>选择16

此时光标会变成一个十字形在工作区绘制标题了，说明它进入了标题绘制状态，我们可以直接17

绘制好标题后，直接输入标题：Storyline入门教程此时标题看起来很简陋，我们可以切换到HOME选项卡，在FONT组中对它进行美化。这里的使用方法和Word中基本相同。18

下来我们再切换到1.2 Untitled

个标题：交互示例，并美化Slide中，利用这里刚学到的内容再添加一然后，再通过Insert插入选项卡>IllustrationsIllustrated人物插图19

插图组>Character人物>选择

进入人物Character选择菜单，这里有很多插画级人物形象，这里有ter选择人物，我们选择默认的人物3个选项，2. Expression选择表情，这里有12种表情，我们使用默认Neutral平淡的表情，这里请大家注意Happy高兴和Angry生气的表情，后面我们会用到这2种表情。20

选择姿势，针对当前人物有One hand on hip单手插腰。33种姿势，我们选择默认的右边的示意图中可以选择面部的Front。Left向左、Front向前、Right向右，我们使用默认21

然后单击Insert插入人物插入后人物默认为选中状态，大家可以单击并将其拖到到合适的位置。进入下一节接着我们22

2012-09-25 13:23

late Storyline入门教程：创建交互内容4.通过创建一个简单的场景和交互，了解如何创建交互内容本节我们在上一节的基础上建立一个简单的场景，即插入两个按钮，一个让我变高兴按钮，一个让我很生气按钮，并且创建对应的交互，即当用户单击让我变高兴按钮时，人物的表情会变的很生气，当用户单击让我很生气按钮时，人物的表情会变的很生气。我们来开始实现第一个按钮，通过Insert插入选项卡>Interactive Objects 交互对象>Button按钮>选择Button1按钮同时请大家注意，Check Boxes复选框、Radio Buttons单选按钮以后都可以在这里选择。插入按钮和输入文本的过程和操作标题一样23

下面我们再来快速建立第二个按钮，当前让我变高兴按钮处于选中状态时，我们可以直接用快捷键Ctrl+C来复制它，然后用Ctrl+V粘贴建立第二个按钮，只需将文本修改为让我很生气，并拖动到合适的位置即可。24

下面选中让我变高兴按钮添加交互动作，单击右侧Triggers中Button1的Add trigger(注意，当在操作界面上选中哪个对象时，触发器也会默认选中，大家看Button1的Add trigger的颜与Button2的Add trigger的颜是不一样的)

触发器向导窗口弹出，我们按照顺序设置：动作：Change state of改变状态On Object在哪个对象上：Character1(人物1)

To state到什么状态:Happy高兴When当什么时：User clicks用户单击这里老外和我们的思路有一点不同，我们只需要将按我们的思路理一遍，大家就会很清楚：4When当User clicks 用户单击时2On Object ：Character1 人物1对象1Action: Change state of 的状态变为3To state:Happy

高兴（12种表情之一）25

设置完成后单击OK确定，趁热打铁，我们再来用相同的方法设置让我很生气按钮。4When当User clicks 用户单击时2On Object ：Character1 人物1对象1Action: Change state of 的状态变为3To state:Angry 生气（12种表情之一）设置完成后单击OK确定。此时我们可以按F12预览我们的幻灯片首先是我们的幻灯片1课程标题26

我们单击左侧的Menu菜单中下面的Untitled Slide,切换到幻灯片2

27

单击让我变高兴按钮，人物表情会变高兴28

单击让我很生气按钮，人物表情会变生气29

再单击让我变高兴按钮，人物表情又会变高兴。30

此时说明我们成功的添加了一个交互的内容。我们在Ribbon选项卡上选择Edit Slide来继续编辑幻灯片late

问题Storyline入门教程：建立和编辑测试5.建立和编辑测试问题，学习如何创建一张结果幻灯片去跟踪测试结果本节我们简单的添加两个测试问题，并且再创建一张结果幻灯片去跟踪测试结果。Ctrl+M新建一张幻灯片，在弹出的Insert Slides插入幻灯片窗口上选择左侧的Quizzing测试，默认选中Graded分数测试中的Multiple Choice多项选择题，这里还有很多测试题型，后面我们会用到的时候会介绍。单击Insert插入31

弹出Multiple

Question编辑窗口，我们输入题目和对应的操作：Enter The Questions 输入问题Enter the choice 输入选项Correct正确Choice选项Correct 正确时Feedback反馈，Points分数Incorrect 正确时Feedback反馈，Points分数32

编辑完成后，单击Save & Close保存并关闭按钮。返回到操作界面，这里我们看到已经成功添加一张选择测试题。33

我们再来用同样的方法添加中一张是否题的测试题。34

我们再来添加一张结果幻灯片，选择Graded Results

单击Insert插入。Slide分数结果幻灯片，35

选择结果幻灯片包含的题目，我们这里采用默认。36

单击OK确定。结果幻灯片已经插入。按F12键进行预览2，然后单击提交。我们直接选择一加一等于几？的选择题，并且选择37

会显示答对了，我们单击Continue继续回答问题一加一等于二吗？38

这里我们回答：不等于，看看有什么结果，这里提示我们回答错误了！我们再来继续单击Continue，此时到了结果幻灯片，我们可以看到我们的Your Score正确率是50%，而passing Score过关率是80%，所以Result结果是：你没有通过！下面还可以Review Quiz回顾测试。39

此时说明我们的测试和结果幻灯片创建好了！40

late Storyline入门教程：录制操作屏幕6.录制操作屏幕，学习创建交互式的软件仿真操作接下来，我们学习如何通过录制操作屏幕，学习创建交互式的软件仿真操作，继续按Ctrl+M来创建新幻灯片，选择Screen Recordings屏幕录制，然后选择中间的Record your screen录制你的屏幕这里已经对如何录制写的很清楚了： and resize the frame移动和重置帧的大小 the red button to record单击红按钮进行录制 DONE when finished按DONE键结束录制41

结束录制后，设置Insert as插入为：Step-by-step

Try mode steps步骤尝试模式插入幻灯片在:New scene 新场景场景名称: Try Scene

slides一步一步幻灯片：42

设置好后，这里我们单击Insert插入刚刚录制的视频43

插入完成后，会直接切换到录制视频的场景44

我们直接按F12进行预览，首先发现Menu菜单按照场景自动进行分类了，45

然后切换到Try Scene尝试场景去学习，会发现每一步到操作时，都会停下来，等待用户尝试。这就是Try mode steps步骤尝试模式46

其他模式我们后面会讲解。late Storyline入门教程：自定义播放器47

Articulate Storyline用和禁用各种功能。的播放器是非常灵活的，你可以根据课程类型的需要启要定制播放器，我们可以在Home主页选项卡>Publish发布组>单击Player播放器选项此时Player Properties播放器属性窗口打开了48

播放器定制窗口功能很多，如何快速了解最常用的功能呢？这里我们首先要干的工作是让它中文化，单击Text Labels文本标签49