Articulate Storyline入门教程.docx

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

2、ine播放器8.发布课程为flash、html5以及ipad1.storyline中文安装教程1.双击storyline.exe2.启动安装向导3.下载对应组件4.准备安装Storyline前的提示，单击Next下一步5.选择“Iacceptthetermsofthelicenseagreement”，接受用户许可协议。单击Next下一步6.选择安装路径，默认为C:ProgramFilesArticulateArticulateStoryline，单击Next下一步7.提示开始安装程序，单击Install开始安装8.安装过程中会显示安装进度9.安装结束，默认会选中“Automaticallyu

3、ploaderrorstatisticstohelpusimproveArticulateStoryline”，自动上传错误统计帮助我们提高ArticulateStoryline。单击Finish结束安装。10.安装完成后在开始菜单和桌面都有ArticulateStoryline，我们可以直接双击桌面的ArticulateStoryline快捷方式打开ArticulateStoryline。11.ArticulateStoryline程序启动过程界面12.ArticulateStoryline成功启动，进入ArticulateStoryline欢迎界面！2.Articulate Storyli

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

5、用的项目你可以看到最近正在使用并且保存的项目，你可以打开继续使用它们。3.LearningStoryline学习Storyline有一些英文的学习视频，有兴趣大家可以自己进入学习。4.Freedownloadsandtemplates免费下载模板一些免费的模板，大家可以去下载学习。我们这里选择Newproject新项目此时会出现Storyline的操作界面，上面是Ribbon风格工具栏界面，和Office2007差不多相同，只是功能不同，我们在后面用到的时候再做介绍。1.中间的主界面是Storyline的视图，大家可能比较陌生，我们这里4个概念：2.StoryviewStory视图，以后我们做

6、的幻灯片的缩略图都会显示在这里，相当于一张全局概览图。3.UntitledScene未命名场景，场景是一组相关幻灯片的组合，比如我们可以把讲解的幻灯片放到一个场景中，把测试的幻灯片放到另一个场景中。新建项目时会默认创建一个未命名场景。场景序号为14.UntitledSlide未命名幻灯片，幻灯片和PowerPoint中的幻灯片概念基本相同，这里不多做介绍了。新建项目时会默认创建一个未命名幻灯片。幻灯片序号为1.1NormalViewStory的普通视图，是建立和自定义每张幻灯片内容的地方。我们双击幻灯片1.1，打开普通视图。我们会发现普通视图右边和Story视图右边都有两个面板：1.Trigg

7、ers触发器面板2.SlideLayers幻灯片层这两个概念暂时不介绍，后面边用边介绍，大家比较容易理解!3.Articulate Storyline入门教程：创建幻灯片，添加内容3.创建你的第一张幻灯片，并添加一些内容创建幻灯片是我们以后最常使用的操作之一，可以有很多种方式建立，比如常用的HomeNewSlide和InsertNewSlide但我们这里建议大家从一开始就使用Ctrl+M快捷键来操作。建立一个良好的使用习惯。下面是插入幻灯片的界面：这里有5个选项：1.Temlplates模板：有一些已经做好的模板幻灯片，你可以直接使用。2.BasicLayouts基本布局：一些常用的界面布局方

8、式。3.Quizzing测试：各种测试题型。4.ScreenRdcordings屏幕录制：屏幕操作录制。5.Import导入：从外部导入支持的文档格式。我们这里选BasicLayouts基本布局，然后选择Blank空白，单击Insert插入幻灯片此时，我们就能看到新添加的幻灯片了，我们这里提醒大家，在操作界面上有3个地方可以看到您当前在哪个幻灯片上：1.上方的标题栏2.左侧的场景栏，并且在场景栏中还可以看到是哪个场景的哪个幻灯片3.下方的状态栏新建好幻灯片之后，我们就可以开始给它添加一些内容了，我们来单击选择左侧场景栏栏中的1.1UntitledSlide，切换到这张幻灯片通过Insert插入

9、选项卡Illustrations插图组Caption标题说明文字中选择RectangularCaption矩形标题此时光标会变成一个十字形，说明它进入了标题绘制状态，我们可以直接在工作区绘制标题了绘制好标题后，直接输入标题：Storyline入门教程此时标题看起来很简陋，我们可以切换到HOME选项卡，在FONT组中对它进行美化。这里的使用方法和Word中基本相同。下来我们再切换到1.2UntitledSlide中，利用这里刚学到的内容再添加一个标题：交互示例，并美化然后，再通过Insert插入选项卡Illustrations插图组Character人物选择Illustrated人物插图进入人物

10、Character选择菜单，这里有很多插画级人物形象，这里有3个选项，1.Character选择人物，我们选择默认的人物2.Expression选择表情，这里有12种表情，我们使用默认Neutral平淡的表情，这里请大家注意Happy高兴和Angry生气的表情，后面我们会用到这2种表情。3.Pose选择姿势，针对当前人物有33种姿势，我们选择默认的Onehandonhip单手插腰。右边的示意图中可以选择面部Left向左、Front向前、Right向右，我们使用默认的Front。然后单击Insert插入人物插入后人物默认为选中状态，大家可以单击并将其拖到到合适的位置。接着我们进入下一节2012-

11、09-25 13:23 4.Articulate Storyline入门教程：创建交互内容4.通过创建一个简单的场景和交互，了解如何创建交互内容本节我们在上一节的基础上建立一个简单的场景，即插入两个按钮，一个让我变高兴按钮，一个让我很生气按钮，并且创建对应的交互，即当用户单击让我变高兴按钮时，人物的表情会变的很生气，当用户单击让我很生气按钮时，人物的表情会变的很生气。我们来开始实现第一个按钮，通过Insert插入选项卡InteractiveObjects交互对象Button按钮选择Button1按钮同时请大家注意，CheckBoxes复选框、RadioButtons单选按钮以后都可以在这里选择

12、。插入按钮和输入文本的过程和操作标题一样下面我们再来快速建立第二个按钮，当前让我变高兴按钮处于选中状态时，我们可以直接用快捷键Ctrl+C来复制它，然后用Ctrl+V粘贴建立第二个按钮，只需将文本修改为让我很生气，并拖动到合适的位置即可。下面选中让我变高兴按钮添加交互动作，单击右侧Triggers中Button1的Addtrigger(注意，当在操作界面上选中哪个对象时，触发器也会默认选中，大家看Button1的Addtrigger的颜色与Button2的Addtrigger的颜色是不一样的)触发器向导窗口弹出，我们按照顺序设置：1.Action动作：Changestateof改变状态2.On

13、Object在哪个对象上：Character1(人物1)3.Tostate到什么状态:Happy高兴4.When当什么时：Userclicks用户单击这里老外和我们的思路有一点不同，我们只需要将按我们的思路理一遍，大家就会很清楚：4When当Userclicks用户单击时2OnObject：Character1人物1对象1Action:Changestateof的状态变为3Tostate:Happy高兴（12种表情之一）设置完成后单击OK确定，趁热打铁，我们再来用相同的方法设置让我很生气按钮。4When当Userclicks用户单击时2OnObject：Character1人物1对象1Acti

14、on:Changestateof的状态变为3Tostate:Angry生气（12种表情之一）设置完成后单击OK确定。此时我们可以按F12预览我们的幻灯片首先是我们的幻灯片1课程标题我们单击左侧的Menu菜单中下面的UntitledSlide,切换到幻灯片2单击让我变高兴按钮，人物表情会变高兴单击让我很生气按钮，人物表情会变生气再单击让我变高兴按钮，人物表情又会变高兴。此时说明我们成功的添加了一个交互的内容。我们在Ribbon选项卡上选择EditSlide来继续编辑幻灯片5.Articulate Storyline入门教程：建立和编辑测试问题5.建立和编辑测试问题，学习如何创建一张结果幻灯片去跟

15、踪测试结果本节我们简单的添加两个测试问题，并且再创建一张结果幻灯片去跟踪测试结果。Ctrl+M新建一张幻灯片，在弹出的InsertSlides插入幻灯片窗口上选择左侧的Quizzing测试，默认选中Graded分数测试中的MultipleChoice多项选择题，这里还有很多测试题型，后面我们会用到的时候会介绍。单击Insert插入弹出MultipleChoiceQuestion编辑窗口，我们输入题目和对应的操作：1.EnterTheQuestions输入问题2.Enterthechoice输入选项Correct正确Choice选项3.Correct正确时Feedback反馈，Points分数4

16、.Incorrect正确时Feedback反馈，Points分数编辑完成后，单击Save&Close保存并关闭按钮。返回到操作界面，这里我们看到已经成功添加一张选择测试题。我们再来用同样的方法添加中一张是否题的测试题。我们再来添加一张结果幻灯片，选择GradedResultsSlide分数结果幻灯片，单击Insert插入。选择结果幻灯片包含的题目，我们这里采用默认。单击OK确定。结果幻灯片已经插入。按F12键进行预览我们直接选择一加一等于几？的选择题，并且选择2，然后单击提交。会显示答对了，我们单击Continue继续回答问题一加一等于二吗？这里我们回答：不等于，看看有什么结果，这里提示我们回

17、答错误了！我们再来继续单击Continue，此时到了结果幻灯片，我们可以看到我们的YourScore正确率是50%，而passingScore过关率是80%，所以Result结果是：你没有通过！下面还可以ReviewQuiz回顾测试。此时说明我们的测试和结果幻灯片创建好了！6.Articulate Storyline入门教程：录制操作屏幕6.录制操作屏幕，学习创建交互式的软件仿真操作接下来，我们学习如何通过录制操作屏幕，学习创建交互式的软件仿真操作，继续按Ctrl+M来创建新幻灯片，选择ScreenRecordings屏幕录制，然后选择中间的Recordyourscreen录制你的屏幕这里已经

18、对如何录制写的很清楚了：1.Movieandresizetheframe移动和重置帧的大小2.Clicktheredbuttontorecord单击红色按钮进行录制3.PressDONEwhenfinished按DONE键结束录制结束录制后，设置Insertas插入为：Step-by-stepslides一步一步幻灯片：Trymodesteps步骤尝试模式插入幻灯片在:Newscene新场景场景名称:TryScene设置好后，这里我们单击Insert插入刚刚录制的视频插入完成后，会直接切换到录制视频的场景我们直接按F12进行预览，首先发现Menu菜单按照场景自动进行分类了，然后切换到TrySc

19、ene尝试场景去学习，会发现每一步到操作时，都会停下来，等待用户尝试。这就是Trymodesteps步骤尝试模式其他模式我们后面会讲解。7.Articulate Storyline入门教程：自定义播放器ArticulateStoryline的播放器是非常灵活的，你可以根据课程类型的需要启用和禁用各种功能。要定制播放器，我们可以在Home主页选项卡Publish发布组单击Player播放器选项此时PlayerProperties播放器属性窗口打开了播放器定制窗口功能很多，如何快速了解最常用的功能呢？这里我们首先要干的工作是让它中文化，单击TextLabels文本标签在窗口左侧打开了PlayerT

20、extLabels播放器文本标签的选项，上面有个Language语言选项，现在是English英语，我们选择右侧的下拉菜单，将右侧滚动条向上移动，找到ChineseSimplified简体中文，选择它。会发现右侧的Preview-StorylinePlayer预览Storyline播放器已经变成中文了，但我们很快发现其中的问题，比如下方的导航栏中的显然，上一个不符合我们的使用习惯，我们把它改为上一页。此时向下拖动PlayerTextLabels播放器文本标签窗口的滚动条Previous预览和PreviousButton预览按钮均为上一个，我们当前用的是PreviousButton预览按钮，但为

21、了以后预览时也不出现上一个，这里我们将其均改为上一页，修改完成后单击Updatepreview更新预览，会发现其已经变为上一页下面大家可以对照英文和中文将其他文字修改为符合我们习惯的文字，修改完成后记得单击上方的保存按钮去用一个xml文件保存修改后的文字。以后其他课件使用时直接单击打开按钮选择这个文件就可以了。再单击Features功能回到初始进入的PlayerProperties播放器属性窗口，会发现PlayerTabs播放器选项卡中的部分内容已经变为中文了。后面设置是不是直观多了，另外我们这里还要修改Title标题为：Storyline入门教程。修改完成后会自动刷新，可以在右侧看到效果。单

22、击OK确定。按F12预览播放器的设置效果。播放器已经按照我们的设置正确显示了，自定义播放器我们就先学习这些常用功能。8.Articulate Storyline入门教程：发布课程为flash、html5以及ipad8.发布课程为flash、html5以及ipad当课程内容制作完成，并且指定对应的播放器设置后，我们就可以发布课程了。发布课程，我们可以在Home主页选项卡Publish发布组单击Publish发布选项。默认情况下，Storyline会发布为Flash.但你可以使用HTML5和iPad选项去为移动设备发布。选择：IncludeHTML5output包含html5输出UseArticu

23、lateMoblilePlayeroniPad在iPad上使用Articulate移动播放器Allowdownloadingforofflineviewing允许下载离线浏览当这些选项都选择后，当我们从网站上运行一个课程时，Storyline的工作过程是这样的：1.首先它会寻找Flashplayer。如果你的设备不能用Flash播放，它将载入html5版本的课程。2.在iPad上有两种方式可以运行课程，3.一种是用MobileSafari浏览器在线运行一个课程，它将尝试去下载Articulate移动播放器。4.另一种是用Articulate移动播放器浏览。播放器可以从iTunes免费下载。因为

24、当前MobileSafari浏览器对播放媒体和交互内容还是有一些限制的，因此我们推荐使用Articulate移动播放器。设置完成后，我们单击Publish就正式发布课件了。发布成功后，会给出PublishSuccessful发布成功的界面你可以单击右侧的ViewProject查看项目，去浏览正式发布后的项目。到此，我们的入门课程就结束了，通过这个入门课程主要让大家了解Storyline制作课件时的常用内容和制作过程！9.新建Articulate Storyline项目9.新建Storyline项目有三种方法开始一个新的Storyline项目：1.单击左上角的Articulate按钮，然后选择N

25、ew新建。2.或者，在Storyline的开始界面上，单击Newproject新项目。3.或者，打开Storyline，然后按下快捷键Ctrl+N。入门教程已经提到，一个新建的Storyline项目，只是包含一个单一的空幻灯片。最初，你将在StoryView视图模式下查看幻灯片。如果你想切换到NormalView普通视图，只要双击缩略图，就可以打开默认新建的第一张幻灯片了，幻灯片视图也就是普通视图。就在这里添加并自定义你的幻灯片内容了！10.设置Articulate Storyline项目的尺寸当你新建一个Storyline项目，它的默认大小是：720像素宽*540像素高。在你开始添加你的任意

26、幻灯片内容之前，如果觉得大小不合适，想修改它，现在是最佳时机。否则，当你改变尺寸时，你可能需要对幻灯片上的对象重新排列或调整大小去适应新的幻灯片尺寸。可以在Design设计选项卡单击StorySize尺寸去进行设置在StorySize尺寸下拉菜单中，选择一个预置的尺寸，或者选择Custom自定义。如果你选择Custom自定义，你可以通过输入Height高和Width宽来确切的指定幻灯片舞台的高或宽的像素。或者通过单击上下箭头调整他们的大小。如果你希望保持当前的比例，你可以选择Lockaspectratio锁定纵横比。Ifnewsizeislarger如果新的尺寸变大了，可以选择下列选项之一：S

27、caleToFit自适应大小：让你幻灯片上的内容去自适应新的尺寸大小。FillBackground填充背景：把当前的幻灯片背景应用到新的尺寸大小上，但不会改变你幻灯片内容的大小。如果你选择这项，你需要使用StoryPosition位置去选择你的幻灯片内容出现在幻灯片上的哪个位置。StoryPosition位置:TopLeft从左上开始填充TopRight从右上开始填充TopCenter从上部中间开始填充BottomLeft从左下开始填充BottomRight从右下开始填充BottomCenter从下部中间开始填充MiddleLeft从左中开始填充MiddleRight从右中开始填充Middle

28、Center从中心开始填充Ifnewsizeissmaller如果新的尺寸变小了，可以选择下列选项之一：ScaleToFit自适应大小：让你幻灯片上的内容自动进行缩放，以适应新的尺寸大小。Crop裁剪：裁剪掉你的内容去适应新的大小。单击Next下一步去使用裁剪工具去选择每个幻灯片的裁剪区域。移动绿色的方框到你想要在幻灯片上出现的内容的部分。然后单击ApplytoAllSlides应用于所有幻灯片。或者使用绿色箭头去查看和裁剪其他的幻灯片，点击OK确定完成裁剪。友情提示：当你发布时，你发布输出的尺寸总比你在Story幻灯片中的尺寸要大些。这是因为Storyline要加上课程播放器的高和宽也要占一点点尺寸。11.设置Articulate Storyline的开始场景11.设置ArticulateStoryline的开始场景经过入门教程的学习，我们知道Storyline有两种视图：1.StoryviewStory视图，是项目中幻灯片的全局缩略概览图，可以查看所有的幻灯片和内容。2.NormalView普通视图，普通视图就是幻灯片视图，是建立和自定义每张幻灯片内容的地方。我们首先来学习StoryviewStory视图，入门教程中我们介绍过，场景是一组相关幻灯片的组合，我们现在这个视图中有两个场景：Storyline的