ArticulateStoryline入门教程.docx

ArticulateStoryline入门教程.docx

《ArticulateStoryline入门教程.docx》由会员分享，可在线阅读，更多相关《ArticulateStoryline入门教程.docx（99页珍藏版）》请在冰豆网上搜索。

ArticulateStoryline入门教程

Articulate-Storyline入门教程

1.ArticulateStoryline入门教程：

中文安装教程（图文）

Articulate Storyline入门教程

为了帮助你快速开始使用Articulate Storyline，我们创建了一个初学者的教程，引导你使用其最常见的功能和操作流程。

主要包括：

1.storyline中文安装教程

2.Storyline概述及界面介绍

3.创建你的第一张幻灯片，并添加一些内容

4.通过创建一个简单的场景和交互，了解如何创建交互内容

5.建立和编辑测试问题，学习如何创建一张结果幻灯片去跟踪测试结果

6.录制操作屏幕，学习创建交互式的软件仿真操作

7.自定义Storyline播放器

8.发布课程为flash、html5以及ipad

1.storyline中文安装教程

1.双击storyline.exe

2.启动安装向导

3.下载对应组件

4.准备安装Storyline前的提示，单击Next下一步

5.选择“I accept the terms of the license agreement”，接受用户许可协议。

单击Next下一步

6.选择安装路径，默认为C:

\Program Files\Articulate\Articulate Storyline\ ，单击Next下一步

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

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

9.安装结束，默认会选中“Automatically upload error statistics to help us improve Articulate Storyline”，自动上传错误统计帮助我们提高Articulate Storyline。

单击Finish结束安装。

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

11. Articulate Storyline程序启动过程界面

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

2.ArticulateStoryline入门教程：

概述及界面介绍

2.Articulate Storyline概述及界面介绍

Articulate Storyline是一个强大的独是一个强大的独立工具，具有无可比拟的交互功能，将帮助你建立动态的、引人入胜的内容-其中包含模拟、屏幕录制、拖放式交互、单击显示活动，以及测试和评估等等。

打开Storyline后，我们首先看到Storyline欢迎界面，这里我们简单介绍一下:

1.Create a new project 创建一个新项目

    下面有5个选项：

1.新项目（默认选中）

2.录制屏幕

3.导入PowerPoint

4.导入QuizMaker

5.从项目模板开始

2.Open a recent project 打开最近使用的项目

    你可以看到最近正在使用并且保存的项目，你可以打开继续使用它们。

3.Learning Storyline 学习Storyline

    有一些英文的学习视频，有兴趣大家可以自己进入学习。

  4.Free downloads and templates 免费下载模板 

    一些免费的模板，大家可以去下载学习。

我们这里选择New project新项目

此时会出现Storyline的操作界面，

上面是Ribbon风格工具栏界面，和Office 2007差不多相同，只是功能不同，我们在后面用到的时候再做介绍。

1.中间的主界面是Storyline的视图，大家可能比较陌生，我们这里4个概念：

2.Story view Story视图，以后我们做的幻灯片的缩略图都会显示在这里，相当于一张全局概览图。

3.Untitled Scene 未命名场景，场景是一组相关幻灯片的组合，比如我们可以把讲解的幻灯片放到一个场景中，把测试的幻灯片放到另一个场景中。

新建项目时会默认创建一个未命名场景。

场景序号为1

4.Untitled Slide未命名幻灯片，幻灯片和PowerPoint中的幻灯片概念基本相同，这里不多做介绍了。

新建项目时会默认创建一个未命名幻灯片。

幻灯片序号为1.1

Normal View Story的普通视图，是建立和自定义每张幻灯片内容的地方。

我们双击幻灯片1.1，打开普通视图。

我们会发现普通视图右边和Story视图右边都有两个面板：

1.Triggers触发器面板

2.Slide Layers幻灯片层

这两个概念暂时不介绍，后面边用边介绍，大家比较容易理解!

3.ArticulateStoryline入门教程：

创建幻灯片，添加内容

3.创建你的第一张幻灯片，并添加一些内容

创建幻灯片是我们以后最常使用的操作之一，可以有很多种方式建立，比如常用的Home>New Slide和Insert>New Slide

但我们这里建议大家从一开始就使用Ctrl+M快捷键来操作。

建立一个良好的使用习惯。

下面是插入幻灯片的界面：

这里有5个选项：

1.Temlplates模板：

有一些已经做好的模板幻灯片，你可以直接使用。

2.Basic Layouts基本布局：

一些常用的界面布局方式。

3.Quizzing测试：

各种测试题型。

4.Screen Rdcordings屏幕录制：

屏幕操作录制。

5.Import导入：

从外部导入支持的文档格式。

我们这里选Basic Layouts基本布局，然后选择Blank空白，单击Insert插入幻灯片

此时，我们就能看到新添加的幻灯片了，我们这里提醒大家，在操作界面上有3个地方可以看到您当前在哪个幻灯片上：

1.上方的标题栏

2.左侧的场景栏，并且在场景栏中还可以看到是哪个场景的哪个幻灯片

3.下方的状态栏

新建好幻灯片之后，我们就可以开始给它添加一些内容了，我们来单击选择左侧场景栏栏中的1.1 Untitled Slide，切换到这张幻灯片

通过Insert插入选项卡>Illustrations插图组>Caption标题说明文字中>选择Rectangular Caption矩形标题

此时光标会变成一个十字形

，说明它进入了标题绘制状态，我们可以直接在工作区绘制标题了

绘制好标题后，直接输入标题：

Storyline入门教程

此时标题看起来很简陋，我们可以切换到HOME选项卡，在FONT组中对它进行美化。

这里的使用方法和Word中基本相同。

下来我们再切换到1.2 Untitled Slide中，利用这里刚学到的内容再添加一个标题：

交互示例，并美化

然后，再通过Insert插入选项卡>Illustrations插图组>Character人物>选择Illustrated人物插图

进入人物Character选择菜单，这里有很多插画级人物形象，这里有3个选项，

1.Character选择人物，我们选择默认的人物

2. Expression选择表情，这里有12种表情，我们使用默认Neutral平淡的表情，这里请大家注意Happy高兴和Angry生气的表情，后面我们会用到这2种表情。

3.Pose选择姿势，针对当前人物有33种姿势，我们选择默认的One hand on hip单手插腰。

右边的示意图中可以选择面部Left向左、Front向前、Right向右，我们使用默认的Front。

然后单击Insert插入人物

插入后人物默认为选中状态，大家可以单击并将其拖到到合适的位置。

接着我们进入下一节

2012-09-2513:

23

4.ArticulateStoryline入门教程：

创建交互内容

4.通过创建一个简单的场景和交互，了解如何创建交互内容

本节我们在上一节的基础上建立一个简单的场景，即插入两个按钮，一个让我变高兴按钮，一个让我很生气按钮，并且创建对应的交互，即当用户单击让我变高兴按钮时，人物的表情会变的很生气，当用户单击让我很生气按钮时，人物的表情会变的很生气。

我们来开始实现第一个按钮，通过Insert插入选项卡>Interactive Objects 交互对象>Button按钮>选择Button1按钮 

同时请大家注意，Check Boxes复选框、Radio Buttons单选按钮以后都可以在这里选择。

插入按钮和输入文本的过程和操作标题一样

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

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

触发器向导窗口弹出，我们按照顺序设置：

1.Action动作：

Change state of改变状态

2.On Object在哪个对象上：

Character1（人物1）

3.To state到什么状态:

Happy高兴

4.When当什么时：

User clicks用户单击

这里老外和我们的思路有一点不同，我们只需要将按我们的思路理一遍，大家就会很清楚：

4When当User clicks                   用户单击时

2On Object ：

Character1        人物1对象

1Action:

 Change state of          的状态变为

                  3To state:

Happy                        高兴（12种表情之一）

设置完成后单击OK确定，趁热打铁，我们再来用相同的方法设置让我很生气按钮。

4When当User clicks           用户单击时

2On Object ：

Character1       人物1对象

1Action:

 Change state of        的状态变为

3To state:

Angry                生气（12种表情之一）

设置完成后单击OK确定。

此时我们可以按F12预览我们的幻灯片

首先是我们的幻灯片1课程标题

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

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

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

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

此时说明我们成功的添加了一个交互的内容。

我们在Ribbon选项卡上选择Edit Slide来继续编辑幻灯片

5.ArticulateStoryline入门教程：

建立和编辑测试问题

5.建立和编辑测试问题，学习如何创建一张结果幻灯片去跟踪测试结果

本节我们简单的添加两个测试问题，并且再创建一张结果幻灯片去跟踪测试结果。

Ctrl+M新建一张幻灯片，在弹出的Insert Slides插入幻灯片窗口上选择左侧的Quizzing测试，默认选中Graded分数测试中的Multiple Choice多项选择题，这里还有很多测试题型，后面我们会用到的时候会介绍。

单击Insert插入

弹出Multiple Choice Question编辑窗口，我们输入题目和对应的操作：

1.Enter The Questions 输入问题

2.Enter the choice 输入选项Correct正确Choice选项

3.Correct 正确时Feedback反馈，Points分数

4.Incorrect 正确时Feedback反馈，Points分数

编辑完成后，单击Save & Close保存并关闭按钮。

返回到操作界面，这里我们看到已经成功添加一张选择测试题。

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

我们再来添加一张结果幻灯片，选择Graded Results Slide分数结果幻灯片，单击Insert插入。

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

单击OK确定。

结果幻灯片已经插入。

按F12键进行预览

我们直接选择一加一等于几？

的选择题，并且选择2，然后单击提交。

会显示答对了，我们单击Continue继续

回答问题一加一等于二吗？

这里我们回答：

不等于，看看有什么结果，这里提示我们回答错误了！

我们再来继续单击Continue，此时到了结果幻灯片，我们可以看到我们的Your Score正确率是50%，而passing Score过关率是80%，所以Result结果是：

你没有通过！

下面还可以Review Quiz回顾测试。

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

6.ArticulateStoryline入门教程：

录制操作屏幕

6.录制操作屏幕，学习创建交互式的软件仿真操作

接下来，我们学习如何通过录制操作屏幕，学习创建交互式的软件仿真操作，继续按Ctrl+M来创建新幻灯片，选择Screen Recordings屏幕录制，然后选择中间的Record your screen录制你的屏幕

这里已经对如何录制写的很清楚了：

1.Movie and resize the frame移动和重置帧的大小

2.Click the red button to record单击红色按钮进行录制

3.Press DONE when finished按DONE键结束录制

结束录制后，设置Insert as插入为：

Step-by-step slides一步一步幻灯片：

Try mode steps步骤尝试模式

插入幻灯片在:

New scene 新场景

场景名称:

 Try Scene

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

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

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

然后切换到Try Scene尝试场景去学习，会发现每一步到操作时，都会停下来，等待用户尝试。

这就是Try mode steps步骤尝试模式

其他模式我们后面会讲解。

7.ArticulateStoryline入门教程：

自定义播放器

Articulate Storyline的播放器是非常灵活的，你可以根据课程类型的需要启用和禁用各种功能。

要定制播放器，我们可以在Home主页选项卡>Publish发布组>单击Player播放器选项

此时Player Properties播放器属性窗口打开了

播放器定制窗口功能很多，如何快速了解最常用的功能呢？

这里我们首先要干的工作是让它中文化，单击Text Labels文本标签

在窗口左侧打开了Player Text Labels播放器文本标签的选项，上面有个Language语言选项，现在是English英语，我们选择右侧的下拉菜单，将右侧滚动条向上移动，找到Chinese Simplified简体中文，选择它。

会发现右侧的Preview-Storyline Player预览Storyline播放器已经变成中文了，但我们很快发现其中的问题，比如下方的导航栏中的

显然，上一个不符合我们的使用习惯，我们把它改为上一页。

此时向下拖动Player Text Labels播放器文本标签窗口的滚动条

Previous预览和Previous Button预览按钮均为上一个，我们当前用的是Previous Button预览按钮，但为了以后预览时也不出现上一个，这里我们将其均改为上一页，修改完成后单击Update preview更新预览，会发现其已经变为上一页

下面大家可以对照英文和中文将其他文字修改为符合我们习惯的文字，修改完成后记得单击上方的保存按钮去用一个xml文件保存修改后的文字。

以后其他课件使用时直接单击打开按钮选择这个文件就可以了。

再单击Features功能回到初始进入的Player Properties播放器属性窗口，会发现Player Tabs播放器选项卡中的部分内容已经变为中文了。

后面设置是不是直观多了，另外我们这里还要修改Title标题为：

Storyline入门教程。

修改完成后会自动刷新，可以在右侧看到效果。

单击OK确定。

按F12预览播放器的设置效果。

播放器已经按照我们的设置正确显示了，自定义播放器我们就先学习这些常用功能。

8.ArticulateStoryline入门教程：

发布课程为flash、html5以及ipad

8.发布课程为flash、html5以及ipad

当课程内容制作完成，并且指定对应的播放器设置后，我们就可以发布课程了。

发布课程，我们可以在Home主页选项卡>Publish发布组>单击Publish发布选项。

默认情况下，Storyline会发布为Flash.但你可以使用HTML5和iPad选项去为移动设备发布。

选择：

Include HTML5 output

包含html5输出

Use Articulate Moblile Player on iPad

在iPad上使用Articulate移动播放器

Allow downloading for offline viewing

   允许下载离线浏览

当这些选项都选择后，当我们从网站上运行一个课程时，Storyline的工作过程是这样的：

1.首先它会寻找Flash player。

如果你的设备不能用Flash播放，它将载入html5版本的课程。

2.在iPad上有两种方式可以运行课程，

3.一种是用Mobile Safari浏览器在线运行一个课程，它将尝试去下载Articulate移动播放器。

4.另一种是用Articulate移动播放器浏览。

播放器可以从iTunes免费下载。

因为当前Mobile Safari浏览器对播放媒体和交互内容还是有一些限制的，因此我们推荐使用Articulate移动播放器。

设置完成后，我们单击Publish就正式发布课件了。

发布成功后，会给出Publish Successful发布成功的界面

你可以单击右侧的View Project查看项目，去浏览正式发布后的项目。

到此，我们的入门课程就结束了，通过这个入门课程主要让大家了解Storyline制作课件时的常用内容和制作过程！

9.新建ArticulateStoryline项目

9.新建Storyline项目

有三种方法开始一个新的Storyline项目：

1.单击左上角的Articulate按钮，然后选择New新建。

  2.或者，在Storyline的开始界面上，单击New project新项目。

  3.或者，打开Storyline，然后按下快捷键Ctrl+N。

入门教程已经提到，一个新建的Storyline项目，只是包含一个单一的空幻灯片。

最初，你将在Story View视图模式下查看幻灯片。

如果你想切换到Normal View普通视图，只要双击缩略图，就可以打开默认新建的第一张幻灯片了，幻灯片视图也就是普通视图。

就在这里添加并自定义你的幻灯片内容了！

10.设置ArticulateStoryline项目的尺寸

当你新建一个Storyline项目，它的默认大小是：

720像素宽*540像素高。

在你开始添加你的任意幻灯片内容之前，如果觉得大小不合适，想修改它，现在是最佳时机。

否则，当你改变尺寸时，你可能需要对幻灯片上的对象重新排列或调整大小去适应新的幻灯片尺寸。

可以在Design设计选项卡>单击Story Size尺寸去进行设置

在Story Size尺寸下拉菜单中，选择一个预置的尺寸，

或者选择Custom自定义。

如果你选择Custom自定义，你可以通过输入Height高和Width宽来确切的指定幻灯片舞台的高或宽的像素。

或者通过单击上下箭头调整他们的大小。

如果你希望保持当前的比例，你可以选择Lock aspect ratio锁定纵横比。

If new size is larger如果新的尺寸变大了，可以选择下列选项之一：

Scale To Fit自适应大小：

让你幻灯片上的内容去自适应新的尺寸大小。

Fill Background填充背景：

把当前的幻灯片背景应用到新的尺寸大小上，但不会改变你幻灯片内容的大小。

如果你选择这项，你需要使用Story Position 位置去选择你的幻灯片内容出现在幻灯片上的哪个位置。

Story Position 位置:

Top Left从左上开始填充

Top Right从右上开始填充

Top Center从上部中间开始填充

Bottom Left从左下开始填充

Bottom Right从右下开始填充

Bottom Center从下部中间开始填充

Middle Left从左中开始填充

Middle Right从右中开始填充

Middle Center从中心开始填充

If new size is smaller如果新的尺寸变小了，可以选择下列选项之一：

Scale To Fit自适应大小：

让你幻灯片上的内容自动进行缩放，以适应新的尺寸大小。

Crop裁剪：

裁剪掉你的内容去适应新的大小。

单击Next下一步去使用裁剪工具去选择每个幻灯片的裁剪区域。

移动绿色的方框到你想要在幻灯片上出现的内容的部分。

然后单击Apply to All Slides应用于所有幻灯片。

或者使用绿色箭头去查看和裁剪其他的幻灯片，点击OK确定完成裁剪。

友情提示：

当你发布时，你发布输出的尺寸总比你在Story幻灯片中的尺寸要大些。

这是因为Storyline要加上课程播放器的高和宽也要占一点点尺寸。

11.设置ArticulateStoryline的开始场景

11.设置Articulate Storyline的开始场景

经过入门教程的学习，我们知道Storyline有两种视图：

1.Story view Story视图，是项目中幻灯片的全局缩略概览图，可以查看所有的幻灯片和内容。

2.Normal View 普通视图，普通视图就是