下载文档原格式
模块三：（T5）走出课堂的课件——在线课件的制作与应用本课程主要介绍在线课件的制作与应用。
以两个活动展开，1.活动一中主要介绍在线课件制作软件的概念，制作在线课件的原因，并介绍了几款常用的在线课件制作软件；2.活动二中我们将以ArticulateStoryline为例进行在线课件制作的具体操作。
学习进入课程学习（T5）走出课堂的课件——在线课件的制作与应用已学时间： 0分钟本课程建议学习时间：120分钟解锁下一环节至少需完成的学习时长为：70分钟本课程学习完成度： 0%课程简介本课程主要介绍在线课件的制作与应用。
以两个活动展开，1.活动一中主要介绍在线课件制作软件的概念，制作在线课件的原因，并介绍了几款常用的在线课件制作软件；2.活动二中我们将以ArticulateStoryline为例进行在线课件制作的具体操作。
课程指要本课程主要介绍在线课件的制作与应用。
以两个活动展开，1.活动一中主要介绍在线课件制作软件的概念，制作在线课件的原因，并介绍了几款常用的在线课件制作软件；2.活动二中我们将以ArticulateStoryline为例进行在线课件制作的具体操作。
课程学习指导学习内容简介本节主要介绍在线课件的制作与应用。
我们将以两个活动展开，在活动一中主要介绍在线课件制作软件的概念，制作在线课件的原因，并介绍了几款常用的在线课件制作软件。
在活动二中我们将以Articulate Storyline为例进行在线课件制作的具体操作。
学习建议1.了解在线课件制作的必要性2.熟记翻转课堂的概念3.了解微课程的概念4.学会使用Articulate Storyline制作一个在线课件本课程设置了如下栏目，均列在窗口上侧的“课程学习导航”目录中，请按照顺序渐进学习：专题解析抓住专题内容要点，选取问题情境（实际案例）引入，通过边演示操作边详细讲解的方式介绍了各代表软件教师在日常教学中的用途以及如何使用的过程。
想一想，做一做学习了前边的课程内容后，请您根据提示想一想，并尝试做一做。
Animate CC动画制作核心技能一本通教学教案第1章初识动画与Animate练习1：使用“HTML5 Canvas”类别下的“动画示例”模板新建一个动画文件，调整动画尺寸大小，并保存为“大象.fla”，最终效果如下图所示。
练习2：现有一个“宇宙.fla”动画文件，尺寸大小为800像素×600像素，动画场景的四周有很多空白区域，需要去掉空白区域，并将画面尺寸调整为1 024像素×768像素，参考效果如下图所示。
第2章绘制与填充图形练习1：本练习将绘制一个卡通场景，要求线条简洁，画面生动有趣。
，最终效果如下图所示。
练习2：本练习将通过“颜色”面板、“样本”面板以及颜料桶工具为“荷塘月色”填色，参考效果如下图所示。
第3章编辑动画对象练习1：打开素材文件，调整素材文件中的背景、草地、太阳和云的大小和位置，再复制两朵云，使郊外场景效果更加丰富、美观，制作后的效果如下图所示。
练习2：打开“天线屋顶”文档，在其中使用任意变形工具对背景图形进行变形，再通过“变形”面板将变形的矩形复制并旋转3次，并为其设置不同的颜色。
最后分离文字，并为文字部分笔画填充白色，参考效果如下图所示。
第4章文本、声音和视频练习1：本练习将制作中秋横幅广告，要求体现出中秋主题，并通过文字展现广告内容，制作后的效果如下图所示。
练习2：本练习将在制作完成后的海报中添加运动视频，方便用户了解冲浪这项运动，参考效果如下图所示。
第5章图层与帧练习1：“一起看”专区Banner位于虎牙直播专区的顶部，起到宣传直播间的作用。
现需要对已经制作完成的虎牙直播专区Banner的图层进行调整，使整个图层内容更加直观，便于后期进行动画制作，制作后的效果如下图所示。
练习2：本练习制作森林中的猫行走动画，整个动画以小猫行走为主体，通过编辑图层中不同帧中的内容，形成连贯的行走动画效果，参考效果如下图所示。
练习3：本练习要求制作汽车行驶动画，当用户预览动画时，可以看到汽车在地图上沿公路行驶的过程，在制作时可对“汽车”元件创建动画，参考效果如下图所示。
基于Articulate Storyline的游戏化微课设计与开发探索作者：陈莹刘帅来源：《中小学信息技术教育》2016年第08期微课代表的是教与学方式的变革，其制作早已超越了传统课堂实录的简单切割，而是有着独特的设计与制作方法。
随着游戏化学习、碎片化学习、自主学习等理念的不断升温，基于交互的富有趣味性的微课越来越受到欢迎。
本文将结合案例，叙述如何充分利用Articulate Storyline软件中的交互特性进行游戏化微课的设计与开发。
如何让学生能够有效获取知识、掌握技能，如何引导学生自主高效地进行学习，都是教学中关注的重点。
传统教学中以教师为中心，对知识的传授一向行之有效，但对学生自主学习习惯的养成却作用有限。
因此，以“让学生更好地学习”为出发点来设计教学就成为教学变革中一个热议的话题。
微课的含义及优势微课是指时间在十分钟以内，有明确的教学目标，内容短小，集中说明一个问题的小课程。
微课是一种短时高效的、以视听形式呈现给学习者的学习资源，满足了学习者按需学习、随时学习的需要，是对知识点的精讲和课堂教学的补充。
网络技术的成熟为微课这一新型学习资源的发展提供了极佳的条件，越来越多的教育者尝试利用微课来促进知识的传授，优化教学活动，微课设计和开发成为一种新趋势。
作为浓缩版课程，微课程也需要按照学习者的学习需求，系统地设计学习内容、学习过程、学习评价等，将课程转变为一系列具有目标、任务、资源、互动、评价的微课程体系。
Articulate Storyline软件制作微课程的优势Articulate Storyline，中文含义为“清晰表达的故事线”，是一款多媒体互动课件制作工具，简单易用且具有十分强大的交互功能，在国外受到广大中小学教师的推崇。
Articulate Storyline 界面风格和操作方法与Microsoft Office PowerPoint类似，易于上手；在丰富的素材呈现方式外，还提供学习性互动（评估测试）、操作性互动（触发器动画）功能。
第7章 辅助功能
【学习目标】
•掌握标尺、网格和参考线的设置与使用方法。
•掌握图层和蒙版功能。
•学习和掌握包装平面展开图的设计方法。
本章将介绍Illustrator CC软件中的一些辅助工具和命令的使用，如标尺、网格和参考线以及图层和蒙版等。
熟练掌握这些功能对排版和作品设计都有很大的帮助。
7.1 标尺、网格与参考线
标尺、网格和参考线是Illustrator的辅助工具，可以帮助用户精确地对图形定位或对齐。
熟练掌握这些工具的使用，可以为图形绘制和排版等工作带来很大的方便。
7.1.1 功能讲解
下面分别讲解标尺、网格与参考线的设置方法。
一、标尺
标尺的用途是度量图形的尺寸，同时对图形进行辅助定位，使图形的设计工作更加方便、准确。
下面介绍标尺的设置方法。
(1)隐藏和显示标尺。
执行【视图】/【标尺】/【显示标尺】命令（快捷键为Ctrl+R），即可在当前文件的页面中显示标尺。
执行【视图】/【标尺】/【隐藏标尺】命令即可将标尺隐藏。
(2)标尺单位的设置。
标尺的单位可以通过【首选项】对话
框来进行设置。
执行【编辑】/【首选
项】/【单位】命令，弹出如图7-1所示
的【首选项】对话框。
在【单位】选项设置面板中可以设置
标尺的单位，其下还可以设置描边和文字
的单位。
如果仅想为当前文档设置标尺的
单位，可以通过【文档设置】对话框来设
置，执行【文件】/【文档设置】命令，
会弹出【文档设置】对话框。
在【出血和视图选项】选项卡的【单图7-1 【首选项】对话框。
AnimateCC维动画设计与制作-第单元：图层的应用 (二)AnimateCC维动画设计与制作-第单元：图层的应用本文主要介绍AnimateCC中图层的应用，以下是详细内容：1. 图层的概念在AnimateCC中，图层是指一个独立的画布，可以在其中绘制动画元素。
每个图层都有自己的名称、颜色和属性，可以通过图层面板进行管理。
2. 图层的创建在AnimateCC中，可以通过以下步骤创建图层：（1）打开图层面板，点击“新建图层”按钮；（2）在弹出的对话框中输入图层名称和颜色，点击“确定”按钮；（3）新建的图层将出现在图层面板中。
3. 图层的属性在AnimateCC中，可以通过图层面板设置图层的属性，包括：（1）可见性：控制图层是否可见；（2）锁定：防止图层上的元素被误操作修改；（3）透明度：控制图层的透明度；（4）混合模式：控制图层与下面图层的混合模式；（5）图层类型：控制图层的类型，如影片剪辑、图形等。
4. 图层的顺序在AnimateCC中，可以通过图层面板调整图层的顺序，包括：（1）上移/下移：将图层上移或下移一个位置；（2）置顶/置底：将图层置于最上面或最下面；（3）图层分组：将多个图层分组，方便管理。
5. 图层的应用在AnimateCC中，图层的应用非常广泛，包括：（1）分离元素：将不同元素分别绘制在不同的图层中，方便修改和调整；（2）动画制作：通过在不同图层中绘制不同状态的元素，制作动画效果；（3）特效制作：通过不同图层的混合模式和透明度设置，制作各种特效效果。
以上就是AnimateCC中图层的应用相关内容，希望对大家有所帮助。
Aritculate Storyline中状态、触发器、图层的使用使用Articulate Storyline中提供的触发器和对状态的设置及其灵活的图层来设计和制作出非常精彩、生动而有意义的互动效果。
通过Articulate Storyline制作e-Learning课件中互动效果的灵活程度来让您了解和掌握Articulate Storyline的动画制作方法，成为设计e-Learning互动模块的高手。
本节将详细讲解这些最基本的功能。
Storyline的触发器将会非常容易的给你的课程增加互动效果。
诸如：幻灯层跳转、显示图层、改变状态。
任何的交互效果将会用到一个或多个触发器。
触发器可以应用于任何物件上：按钮、字符、图形、图像、文本以及人物。
当然在编辑些交互效果时无需编写代码．．．．．．．．．．．．．．．．．。
Storyline的触发器向导会帮助你很容易的完成这些过程。
完成这一过程通常有下列三项设置内容：1.发生什么（动作Action）；2.何处（Where）发生（幻灯层、图层、物件、人物等）；3.何时（When）发生（有触发事件）；动作项（Action）是与幻灯层项（Slide）的关系总是相关。
而When （何时）和Obiect（物件）选项是与动作项相关联的。
上图的缺省设置中，可以这样理解：当点击按钮1时，跳转到下个幻灯层。
跳转（动作）下一个幻灯层在用户点击时在按钮1上总之，无论何时，只要想要交互效果，你就需要创建触发器。
包括从这一幻灯层跳转至另一幻灯层、改变人物的状态、显示或隐藏图层、调整变量值等等。
一、增加并编辑状态：选择发生的动作选择动作发生地点选择动作何时发生Storyline可以给一系列物件增加状态，诸如：图像、图形、标题、人物及按钮。
所谓状态就是同一物件的不同表现状态，而要实现这些状态间的相互转换，则需要基于用户的交互动作。
在Storyline中，要管理这些状态，你需要打开：时间轴、状态及记录面板。
1. 在Story视图状态时，双击要编辑的幻灯层可打开该幻灯层，在普通视图状态时，在左边的导航面板中选择要编辑的幻灯层可以打开该层。
2.在幻灯片舞台的右下角点击箭头，从而扩展时间轴、状态及记录面板。
点击箭头3.选择“状态State”选项卡增加状态：在缺省设置时，图像、图形、标题、人物只有一种状态，而按钮则有多种状态。
你可以给任何物件增加多种不同的状态。
步骤如下：1.首先，在幻灯层上点击物件；2.在（States）状态面板中，点击编辑状态（Edit States）按钮；3.点击（New State）新状态按钮创建新的状态，（新状态按钮看起来像一张空白的纸张）或者，你也可以点击复制按钮（Duplicate State）去创建选中状态的一个备份。
（复制按钮类似于两张叠放的空白纸张）4.对于创建的新状态可以给其命名，或者用Storyline提供的内建状态的下拉菜单中选择命名。
5.点击增加（Add）按钮。
6.当然，在建立新状态后，如果要修改新状态，则需要按照该教程后半部分的步骤来修改。
7.当你完成增加新状态或结束编辑状态后。
需要点击结束编辑。
（Done Editing States）如下图：编辑不同的状态：你能够改变任何状态的外貌，例如改变它的：文本、形状、色彩，位置、尺寸等等。
当你编辑人物的状态时，你还可以改变人物的表情、姿势、透视角度。
一般步骤如下：1.首先，在幻灯层上点击所需要编辑的物件；2.在（States）状态面板中，点击（Edit States）编辑状态按钮；3.选择你需要改变的状态，或者增加一个新的状态。
然后利用Storyline的工具箱中提供的灵活多变的选项更改为需要的状态。
4.当你对选定物件完成编辑状态后，不要忘记点击完成编辑命令（Done Editing States）。
只有这样才能保证状态编辑成功。
5.当你需要将当前的编辑状态恢复到初始的状态时，可以点击重置状态按钮（Reset State）。
缺省设置中，当你编辑特定的物件时，幻灯层上的其他物件将灰色显示，当取消背景物件灰色化复选框时（Dim background objects），幻灯层上的所有元素将正常显示。
该复选框使用的典型例子是：当你用颜色拾取器给选定物件变换颜色以匹配幻灯层上另一个物件时，该复选框将非常实用。
（见下图）为了给编辑物件状态节省时间，可以使用“状态编辑基于”（Editing states on）下拉框。
该下拉框位于状态面板的右下部。
选择下拉框中的物件后，将自动切换至位于同一幻灯层上的该物件。
当鼠标在项目上滚动时，Storyline会在相应的物件上进行轮廓化标记，这样可以使你很方便的选择编辑的物件。
当点击结束编辑状态（Done Editing States）按钮后，所有物件的任何变化将被及时保存。
设置物件的初始状态：当幻灯层上的物件有多个状态时，你就需要给该物件设置一个最初的状态。
缺省设置时，物件的初始状态是“正常“（Normal）。
当然你也可以选择其他状态甚至隐藏状态（Hidden）作为物件的初始状态，具体如下：1.点击幻灯层上的物件并选定。
2.在状态面板中，使用初始状态下拉框选择需要的状态。
注意，当选择初始状态为隐藏状态时，意味着物件在幻灯层中不会自动显示，只有通过交互的效果才能触发该物件的其他状态，在随后的讲解部分我们将会演示。
删除物件的状态：1.点击幻灯层上的物件并选定。
2.在状态面板中，点击编辑状态。
（见下图）3.选中要删除的物件的状态，然后点击删除按钮（Delete State）。
4.在出现的对话框中，点击删除。
5.完成删除命令后，点击结束编辑状态按钮。
触发物件的状态：在发布课程中，为了达到基于用户的交互去显示一个状态，就需要增加一个触发器。
在下面部分我们来学习这样的触发器。
二、增加并编辑触发器使用Storyline的触发器，可以非常方便的在你的课程中添加生动的交互效果。
让我们来看一下下面的实例，下载地址：/david/sl-tutorials/Tr iggers-AddingTriggers/AddingTriggers.zip添加第一个触发：给物件添加触发，可以使用下列任一种方法：●在触发器面板中，点击创建新的触发器图标；●选择插入（Insert）> （交互物件）Interactive Objects > （触发器）Trigger当然，如果在幻灯层已经插入了按钮时，可以直接点击增加触发器（Add trigger）的快捷键。
点击增加新的触发器触发器向导将会引导你完成这一设置过程。
1.选择动作：显示图层；2.选择图层：图层1；3.选择动作何时发生：用户点击；4.动作触发的物件是：按钮1；5.确定；6.预视幻灯层；此时，点击交互按钮将展现一个新的图层，同理，其他图层的触发器设置均是一样的。
任何时候触发器的设置总是有三个条件：1.发生什么（动作Action）；2.何处（Where）发生（幻灯层、图层、物件、人物等）；3.何时（When）发生（有触发事件）；编辑触发器：Storyline可以非常容易的编辑现有的触发器。
要编辑触发器可以用一下任一种方法：●在触发器面板中，双击触发器打开触发器向导就可以编辑了；●或者，在触发器面板中，寻找可进行编辑的项目（该项目一般显示为带下划线的蓝色的文字）。
找到可编辑的蓝色的文字项后，直接从下拉框中选择需要的参数即可。
一般这些参数为幻灯层、变量数值、可变的操作、状态等）在触发器面板中编辑触发器拷贝并粘贴触发器：在实际工作中，会需要创建很多的触发器，此时，最快捷的办法就是在物件上拷贝粘贴触发器。
在物件上拷贝粘贴触发器时，可以让你避免多次的点击鼠标动作，之后你就仅需要在触发器面板中调整适当的参数。
步骤如下：1.在触发器面板中，选择按钮1触发器。
2.按CTRL+C或者在触发器面板下方点击拷贝图标。
3.在触发器面板中选择按钮2（当然也可以在幻灯片上选按钮2）。
4.按CTRL+V或者在触发器面板下方点击粘贴图标。
5.在触发器面板中修改按钮2中的图层为图层2。
点击图标复制选中的触发器给多个物件同时粘贴触发器：你可以给多个物件同时粘贴相同的触发器，在实现类似标签交互效果时，可以使用此方法给多个物件粘贴这样同类型的触发器。
例如，在你创建一组标签交互效果时，你就可以给这一组标签粘贴显示图层（Show layer）的触发器。
步骤如下：1.新建第一个触发器。
2.拷贝刚创建的触发器。
3.在幻灯层上选择按钮3和按钮4（按住Shift，选中按钮3，再选中按钮4）。
4. 按CTRL+V或者在触发器面板下方点击粘贴图标。
5.在触发器面板中，修改按钮3和按钮4跳转到正确的图层。
一次粘贴触发器到多个物件可以节省很多时间，此时，切记在粘贴命令结束后要及时修改更新每一触发器。
通过复制物件拷贝触发器：可以通过拷贝已经包含触发器的物件，来达到拷贝触发器的目的。
尤其是当你自定义了按钮的开关状态，也就是说，按钮有多项触发内容时，这种方法很有用。
在本例中，点击按钮1会跳转到图层1，同时，人物的表情会变为说话状态。
下载地址：/david/sl-tutorials/Tri ggers-DuplicatingObjects/DuplicatingObjects.zip在这个项目中包含4个图层，一个按钮（有两个触发器：显示图层触发器、改变人物状态触发器）。
此时，我们不使用创建新按钮并新建两个触发器的方法。
改用一种更快捷的方法：在幻灯层上多次复制按钮，触发器将随同按钮一同被复制。
1.选择按钮1并点按CTRL+C拷贝按钮1；2.点按CTRL+V四次，从而复制四个按钮；3.在触发器面板中，修改更新每个按钮的跳转层及其人物状态；我们看到，同一问题在Storyline中会有很多种方法解决，掌握方法越多，越有助于我们高效工作。
三、增加并编辑图层在一张幻灯片上可以有很多图层，每一个图层将会显示不同的内容，当创建图层后，就可以给图层增加触发器，已使Storyline能决定何时把这些图层显现出来。
增加图层步骤如下：选定要添加图层的幻灯片，之后可以采用下列任一中方法：●在插入（Insert）菜单中选择幻灯片图层（Slide Layer）；●在幻灯片图层面板中点击新建图层按钮（New Layer）；新建图层在幻灯片图层面板中，新建的图层一般显示如下：依据相同的方法，可以增加许多这样的图层。
增加图层后，你就能如同在幻灯片主层上一样，进行同样的操作，来增加内容。
同时也可以通过时间轴控制图层的出现时间，及其显示的时间范围。
步骤很简单：在图层面板中选中图层，然后点击时间轴、状态、记录图标。
图层命名编辑图层时首先要给图层命名，给图层命名后可以在随后的添加触发器时快速选中想要的图层。
图层命名步骤如下：1.在幻灯片图层面板中双击图层的名称。
