storyline教程.docx

1、storyline教程Storyline入门教程：中文安装教程(图文)1001.jpg (4.08 KB, 下载次数: 512)下载附件 保存到相册 2012-9-28 09:00 上传1003.png (8.03 KB, 下载次数: 493)下载附件 保存到相册 2012-9-28 09:01 上传1009.jpg (44.4 KB, 下载次数: 513)下载附件 保存到相册 2012-9-28 09:03 上传1010.jpg (2.44 KB, 下载次数: 496)下载附件 保存到相册 2012-9-28 09:03 上传11. Articulate Storyline程序启动过程界面1

2、012.jpg (95.74 KB, 下载次数: 502)下载附件 保存到相册 2012-9-28 09:03 上传12. Articulate Storyline成功启动，进入Articulate Storyline 欢迎界面！1012.jpg (95.74 KB, 下载次数: 512)下载附件 保存到相册 2012-9-28 09:03 上传Storyline入门教程：概述及界面介绍2.Articulate Storyline概述及界面介绍Articulate Storyline是一个强大的独是一个强大的独立工具，具有无可比拟的交互功能，将帮助你建立动态的、引人入胜的内容-其中包含模拟、屏

3、幕录制、拖放式交互、单击显示活动，以及测试和评估等等。1.jpg (21.67 KB, 下载次数: 479)下载附件 保存到相册 2012-10-9 09:06 上传打开Storyline后，我们首先看到Storyline欢迎界面，这里我们简单介绍一下:Create a new project 创建一个新项目下面有5个选项：新项目（默认选中） 录制屏幕 导入PowerPoint 导入QuizMaker从项目模板开始2.Open a recent project 打开最近使用的项目你可以看到最近正在使用并且保存的项目，你可以打开继续使用它们。3.Learning Storyline 学习Stor

4、yline有一些英文的学习视频，有兴趣大家可以自己进入学习。4.Free downloads and templates 免费下载模板 一些免费的模板，大家可以去下载学习。2.jpg (30.56 KB, 下载次数: 462)下载附件 保存到相册 2012-10-9 09:06 上传我们这里选择New project新项目3.jpg (20.71 KB, 下载次数: 466)下载附件 保存到相册 2012-10-9 09:06 上传此时会出现Storyline的操作界面，上面是Ribbon风格工具栏界面，和Office 2007差不多相同，只是功能不同，我们在后面用到的时候再做介绍。1.中间的

5、主界面是Storyline的视图，大家可能比较陌生，我们这里4个概念：2.Story view Story视图，以后我们做的幻灯片的缩略图都会显示在这里，相当于一张全局概览图。3.Untitled Scene 未命名场景，场景是一组相关幻灯片的组合，比如我们可以把讲解的幻灯片放到一个场景中，把测试的幻灯片放到另一个场景中。新建项目时会默认创建一个未命名场景。场景序号为14.Untitled Slide未命名幻灯片，幻灯片和PowerPoint中的幻灯片概念基本相同，这里不多做介绍了。新建项目时会默认创建一个未命名幻灯片。幻灯片序号为1.1Normal View Story的普通视图，是建立和自

6、定义每张幻灯片内容的地方。我们双击幻灯片1.1，打开普通视图。4.jpg (23.88 KB, 下载次数: 483)下载附件 保存到相册 2012-10-9 09:06 上传我们会发现普通视图右边和Story视图右边都有两个面板：1、Triggers触发器面板2、Slide Layers幻灯片层这两个概念暂时不介绍，后面边用边介绍，大家比较容易理解!Storyline入门教程：创建幻灯片，添加内容创建幻灯片是我们以后最常使用的操作之一，可以有很多种方式建立，比如常用的HomeNew Slide和InsertNew Slide1001.jpg (5.6 KB, 下载次数: 330)下载附件 保存

7、到相册 2012-10-9 09:18 上传但我们这里建议大家从一开始就使用Ctrl+M快捷键来操作。建立一个良好的使用习惯。下面是插入幻灯片的界面： 1002.jpg (33.5 KB, 下载次数: 326)下载附件 保存到相册 2012-10-9 09:18 上传这里有5个选项：Temlplates模板：有一些已经做好的模板幻灯片，你可以直接使用。Basic Layouts基本布局：一些常用的界面布局方式。Quizzing测试：各种测试题型。Screen Rdcordings屏幕录制：屏幕操作录制。Import导入：从外部导入支持的文档格式。我们这里选Basic Layouts基本布局，然

8、后选择Blank空白，单击Insert插入幻灯片1003.jpg (22.13 KB, 下载次数: 322)下载附件 保存到相册 2012-10-9 09:19 上传此时，我们就能看到新添加的幻灯片了，我们这里提醒大家，在操作界面上有3个地方可以看到您当前在哪个幻灯片上：上方的标题栏左侧的场景栏，并且在场景栏中还可以看到是哪个场景的哪个幻灯片下方的状态栏1004.jpg (16.84 KB, 下载次数: 329)下载附件 保存到相册 2012-10-9 09:19 上传新建好幻灯片之后，我们就可以开始给它添加一些内容了，我们来单击选择左侧场景栏栏中的1.1 Untitled Slide，切换到

9、这张幻灯片1006.jpg (16.29 KB, 下载次数: 321)下载附件 保存到相册 2012-10-9 09:19 上传通过Insert插入选项卡Illustrations插图组Caption标题说明文字中选择Rectangular Caption矩形标题1007.jpg (35.33 KB, 下载次数: 316)下载附件 保存到相册 2012-10-9 09:19 上传此时光标会变成一个十字形，说明它进入了标题绘制状态，我们可以直接在工作区绘制标题了1008.jpg (18.41 KB, 下载次数: 323)下载附件 保存到相册 2012-10-9 09:20 上传绘制好标题后，直接

10、输入标题：Storyline入门教程109.jpg (17.72 KB, 下载次数: 323)下载附件 保存到相册 2012-10-9 09:22 上传此时标题看起来很简陋，我们可以切换到HOME选项卡，在FONT组中对它进行美化。这里的使用方法和Word中基本相同。1010.jpg (18.25 KB, 下载次数: 321)下载附件 保存到相册 2012-10-9 09:22 上传下来我们再切换到1.2 Untitled Slide中，利用这里刚学到的内容再添加一个标题：交互示例，并美化1011.jpg (17.93 KB, 下载次数: 327)下载附件 保存到相册 2012-10-9 09

11、:22 上传然后，再通过Insert插入选项卡Illustrations插图组Character人物选择Illustrated人物插图1012.jpg (13.63 KB, 下载次数: 323)下载附件 保存到相册 2012-10-9 09:22 上传进入人物Character选择菜单，这里有很多插画级人物形象，这里有3个选项， 1.Character选择人物，我们选择默认的人物1013.jpg (25.44 KB, 下载次数: 323)下载附件 保存到相册 2012-10-9 09:22 上传2. Expression选择表情，这里有12种表情，我们使用默认Neutral平淡的表情，这里请大

12、家注意Happy高兴和Angry生气的表情，后面我们会用到这2种表情。1014.jpg (33.68 KB, 下载次数: 316)下载附件 保存到相册 2012-10-9 09:22 上传3.Pose选择姿势，针对当前人物有33种姿势，我们选择默认的One hand on hip单手插腰。1015.jpg (28.18 KB, 下载次数: 330)下载附件 保存到相册 2012-10-9 09:22 上传右边的示意图中可以选择面部Left向左、Front向前、Right向右，我们使用默认的Front。然后单击Insert插入人物1016.jpg (19.2 KB, 下载次数: 335)下载附件

13、 保存到相册 2012-10-9 09:23 上传插入后人物默认为选中状态，大家可以单击并将其拖到到合适的位置。接着我们进入下一节Storyline入门教程：创建交互内容本节我们在上一节的基础上建立一个简单的场景，即插入两个按钮，一个让我变高兴按钮，一个让我很生气按钮，并且创建对应的交互，即当用户单击让我变高兴按钮时，人物的表情会变的很生气，当用户单击让我很生气按钮时，人物的表情会变的很生气。我们来开始实现第一个按钮，通过Insert插入选项卡Interactive Objects 交互对象Button按钮选择Button1按钮 同时请大家注意，Check Boxes复选框、Radio But

14、tons单选按钮以后都可以在这里选择。1001.jpg (72.15 KB, 下载次数: 441)下载附件 保存到相册 2012-10-9 13:21 上传插入按钮和输入文本的过程和操作标题一样1002.png (163.14 KB, 下载次数: 416)下载附件 保存到相册 2012-10-9 13:22 上传下面我们再来快速建立第二个按钮，当前让我变高兴按钮处于选中状态时，我们可以直接用快捷键Ctrl+C来复制它，然后用Ctrl+V粘贴建立第二个按钮，只需将文本修改为让我很生气，并拖动到合适的位置即可。1003.jpg (172.35 KB, 下载次数: 408)下载附件 保存到相册 20

15、12-10-9 13:22 上传下面选中让我变高兴按钮添加交互动作，单击右侧Triggers中Button1的Add trigger(注意，当在操作界面上选中哪个对象时，触发器也会默认选中，大家看Button1的Add trigger的颜色与Button2的Add trigger的颜色是不一样的) 1004.png (9.92 KB, 下载次数: 413)下载附件 保存到相册 2012-10-9 13:22 上传触发器向导窗口弹出，我们按照顺序设置： 1、Action动作：Change state of改变状态2、On Object在哪个对象上：Character1(人物1)3、To stat

16、e到什么状态:Happy高兴4、When当什么时：User clicks用户单击这里老外和我们的思路有一点不同，我们只需要将按我们的思路理一遍，大家就会很清楚：4When当User clicks 用户单击时2On Object ：Character1 人物1对象1Action: Change state of 的状态变为3To state:Happy 高兴（12种表情之一）1005.png (10.23 KB, 下载次数: 417)下载附件 保存到相册 2012-10-9 13:22 上传设置完成后单击OK确定，趁热打铁，我们再来用相同的方法设置让我很生气按钮。4When当User click

17、s 用户单击时2On Object ：Character1 人物1对象1Action: Change state of 的状态变为3To state:Angry 生气（12种表情之一）1006.png (10.23 KB, 下载次数: 398)下载附件 保存到相册 2012-10-9 13:22 上传设置完成后单击OK确定。此时我们可以按F12预览我们的幻灯片首先是我们的幻灯片1课程标题1008.png (38.5 KB, 下载次数: 409)下载附件 保存到相册 2012-10-9 13:22 上传我们单击左侧的Menu菜单中下面的Untitled Slide,切换到幻灯片21009.jpg

18、 (47.36 KB, 下载次数: 414)下载附件 保存到相册 2012-10-9 13:22 上传单击让我变高兴按钮，人物表情会变高兴1010.jpg (47.67 KB, 下载次数: 423)下载附件 保存到相册 2012-10-9 13:22 上传单击让我很生气按钮，人物表情会变生气1011.jpg (47.98 KB, 下载次数: 410)下载附件 保存到相册 2012-10-9 13:22 上传再单击让我变高兴按钮，人物表情又会变高兴。1012.jpg (14.16 KB, 下载次数: 410)下载附件 保存到相册 2012-10-9 13:22 上传此时说明我们成功的添加了一个交

19、互的内容。我们在Ribbon选项卡上选择Edit Slide来继续编辑幻灯片1013.jpg (6.13 KB, 下载次数: 406)下载附件 保存到相册 2012-10-9 13:22 上传Storyline入门教程：建立和编辑测试问题本节我们简单的添加两个测试问题，并且再创建一张结果幻灯片去跟踪测试结果。Ctrl+M新建一张幻灯片，在弹出的Insert Slides插入幻灯片窗口上选择左侧的Quizzing测试，默认选中Graded分数测试中的Multiple Choice多项选择题，这里还有很多测试题型，后面我们会用到的时候会介绍。单击Insert插入1001.png (81.03 KB

20、, 下载次数: 238)下载附件 保存到相册 2012-10-10 08:56 上传弹出Multiple Choice Question编辑窗口，我们输入题目和对应的操作： Enter The Questions 输入问题Enter the choice 输入选项Correct正确Choice选项Correct 正确时Feedback反馈，Points分数Incorrect 正确时Feedback反馈，Points分数1002.png (62.49 KB, 下载次数: 241)下载附件 保存到相册 2012-10-10 08:56 上传编辑完成后，单击Save & Close保存并关闭按钮。返

21、回到操作界面，这里我们看到已经成功添加一张选择测试题。1003.png (146.5 KB, 下载次数: 248)下载附件 保存到相册 2012-10-10 08:56 上传我们再来用同样的方法添加中一张是否题的测试题。1004.png (58.96 KB, 下载次数: 254)下载附件 保存到相册 2012-10-10 08:56 上传我们再来添加一张结果幻灯片，选择Graded Results Slide分数结果幻灯片，单击Insert插入。1005.png (44.43 KB, 下载次数: 240)下载附件 保存到相册 2012-10-10 08:56 上传选择结果幻灯片包含的题目，我们

22、这里采用默认。1006.png (36.17 KB, 下载次数: 254)下载附件 保存到相册 2012-10-10 08:56 上传单击OK确定。结果幻灯片已经插入。按F12键进行预览我们直接选择一加一等于几？的选择题，并且选择2，然后单击提交。1007.png (28.3 KB, 下载次数: 258)下载附件 保存到相册 2012-10-10 08:56 上传会显示答对了，我们单击Continue继续1008.png (7.2 KB, 下载次数: 254)下载附件 保存到相册 2012-10-10 08:56 上传回答问题一加一等于二吗？ 1009.png (26.84 KB, 下载次数:

23、 250)下载附件 保存到相册 2012-10-10 08:56 上传这里我们回答：不等于，看看有什么结果，这里提示我们回答错误了！ 1010.png (7.58 KB, 下载次数: 252)下载附件 保存到相册 2012-10-10 08:56 上传我们再来继续单击Continue，此时到了结果幻灯片，我们可以看到我们的Your Score正确率是50%，而passing Score过关率是80%，所以Result结果是：你没有通过！下面还可以Review Quiz回顾测试。1011.png (41.6 KB, 下载次数: 245)下载附件 保存到相册 2012-10-10 08:56 上传

24、此时说明我们的测试和结果幻灯片创建好了！Storyline入门教程：录制操作屏幕接下来，我们学习如何通过录制操作屏幕，学习创建交互式的软件仿真操作，继续按Ctrl+M来创建新幻灯片，选择Screen Recordings屏幕录制，然后选择中间的Record your screen录制你的屏幕1001.png (27.83 KB, 下载次数: 201)下载附件 保存到相册 2012-10-10 09:06 上传这里已经对如何录制写的很清楚了：Movie and resize the frame移动和重置帧的大小Click the red button to record单击红色按钮进行录制Pre

25、ss DONE when finished按DONE键结束录制1002.png (82.66 KB, 下载次数: 207)下载附件 保存到相册 2012-10-10 09:06 上传结束录制后，设置Insert as插入为：Step-by-step slides一步一步幻灯片：Try mode steps步骤尝试模式插入幻灯片在:New scene 新场景场景名称: Try Scene1003.jpg (86.28 KB, 下载次数: 199)下载附件 保存到相册 2012-10-10 09:06 上传设置好后，这里我们单击Insert插入刚刚录制的视频1004.png (15.91 KB,

26、下载次数: 199)下载附件 保存到相册 2012-10-10 09:06 上传插入完成后，会直接切换到录制视频的场景1005.jpg (188.3 KB, 下载次数: 196)下载附件 保存到相册 2012-10-10 09:06 上传我们直接按F12进行预览，首先发现Menu菜单按照场景自动进行分类了，1006.jpg (43.87 KB, 下载次数: 194)下载附件 保存到相册 2012-10-10 09:06 上传然后切换到Try Scene尝试场景去学习，会发现每一步到操作时，都会停下来，等待用户尝试。这就是Try mode steps步骤尝试模式1007.jpg (68.08 K

27、B, 下载次数: 194)下载附件 保存到相册 2012-10-10 09:06 上传其他模式我们后面会讲解。Storyline入门教程：自定义播放器Articulate Storyline的播放器是非常灵活的，你可以根据课程类型的需要启用和禁用各种功能。要定制播放器，我们可以在Home主页选项卡 Publish发布组单击Player播放器选项1001.jpg (20.31 KB, 下载次数: 254)下载附件 保存到相册 2012-10-10 09:12 上传时Player Properties播放器属性窗口打开了1002.png (50.53 KB, 下载次数: 255)下载附件 保存到相

28、册 2012-10-10 09:12 上传播放器定制窗口功能很多，如何快速了解最常用的功能呢？这里我们首先要干的工作是让它中文化，单击Text Labels文本标签1003.png (60.84 KB, 下载次数: 238)下载附件 保存到相册 2012-10-10 09:12 上传在窗口左侧打开了Player Text Labels播放器文本标签的选项，上面有个Language语言选项，现在是English英语，我们选择右侧的下拉菜单，将右侧滚动条向上移动，找到Chinese Simplified简体中文，选择它。1004.png (62.31 KB, 下载次数: 249)下载附件 保存到相

29、册 2012-10-10 09:12 上传会发现右侧的Preview-Storyline Player预览Storyline播放器已经变成中文了，但我们很快发现其中的问题，比如下方的导航栏中的1005.png (1.66 KB, 下载次数: 252)下载附件 保存到相册 2012-10-10 09:12 上传显然，上一个不符合我们的使用习惯，我们把它改为上一页。此时向下拖动Player Text Labels播放器文本标签窗口的滚动条Previous预览和Previous Button预览按钮均为上一个，我们当前用的是Previous Button预览按钮，但为了以后预览时也不出现上一个，这里

30、我们将其均改为上一页，修改完成后单击Update preview更新预览，会发现其已经变为上一页1006.png (64.87 KB, 下载次数: 245)下载附件 保存到相册 2012-10-10 09:12 上传下面大家可以对照英文和中文将其他文字修改为符合我们习惯的文字，修改完成后记得单击上方的保存按钮去用一个xml文件保存修改后的文字。以后其他课件使用时直接单击打开按钮选择这个文件就可以了。再单击Features功能回到初始进入的Player Properties播放器属性窗口，会发现Player Tabs播放器选项卡中的部分内容已经变为中文了。后面设置是不是直观多了，另外我们这里还要修改Title标题为：Storyline入门教程。修改完成后会自动刷新，可以在右侧看到效果。1007.png (63.84 KB, 下载次数: 250)下载附件 保存到相册 2012-10-10 09:1