课灵h5p-课程演示 (Course Presentation)教程

课程演示(CoursePresentation)教程CoursePresentation(课程演示)类似于传统的PPT演示文稿，但它运行在网页上，无需安装任何软件。更重要的是，它内置了丰富的互动功能。您不仅可以展示文本、图片和视频，还可以直接在幻灯片中嵌入测验、游戏和多媒体互动，让被动的观看变为主动的学习体验。本教程目标掌握课程演示的适用场景和幻灯片设计学习创建课程演示的完整操作流程了解如何整合多媒体元素和互动测验何时使用课程演示结构化课程教学：将知识点拆解为幻灯片，并在讲解后立即跟进练习题，强化记忆。自定步调的学习模块：允许学生按照自己的节奏翻页学习，并通过互动反馈检验理解程度。交互式产品手册：用多媒体和热点展示产品细节，比静态PDF更生动。游戏化课件：结合“主动表面模式(ActiveSurfaceMode)”制作非线性的、类似App的探索式学习资源。前置知识CoursePresentation(课程演示)是一个复合型组件，能够在一个演示文稿中整合多种H5P内容类型。因此，要充分利用此组件，建议您先熟悉各类基础组件（如HYPERLINK/docs/tutorials/tasks/fill-in-the-blanksnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkeyht0c50\tdkeyht0c50填空题、HYPERLINK/docs/tutorials/tasks/single-choice-setnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkey25d05l\tdkey25d05l单选题、HYPERLINK/docs/tutorials/presentation/image-hotspotsnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkey4y480n\tdkey4y480n图像热点等）的使用方法。本教程将侧重于如何组织和呈现这些内容，而非讲解子组件的具体配置。互动视频教程下面的互动视频演示如何在课灵中创建课程演示内容。HYPERLINK/content/01k78r6e48v90bw64174x2kqyw/embednormalLink\tdfe-10\tdlttext\tdlfFromDialog\tdtf0\tdsubnormalLink\tdkeyhc6oon点击这里查看教程互动视频：课程演示内容示例（可交互）教程示例下面是我们将在本教程中创建的课程演示示例，主题为「IndirectQuestions」。HYPERLINK/content/01k2pqsje0y7tqdp8q7m7x46e5normalLink\tdfe-10\tdlttext\tdlfFromDialog\tdtf0\tdsubnormalLink\tdkeyn0ytx7点击这里浏览示例示例课程演示，包含幻灯片和互动元素快速复制示例点击HYPERLINK/content/01k2pqsje0y7tqdp8q7m7x46e5normalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkeyl0t6y8\tdkeyl0t6y8这里➜将示例复制到你的课灵工作区在打开的页面点击"复制"(注意：请确保已登录课灵账号，否则无法复制)随后在生成的副本中点击"编辑"即可查看并操作本教程所示的设置。创建课程演示：分步指南步骤1：创建新内容在课灵工作区点击"创建"，进入H5P编辑器在内容类型列表中选择『课程演示』或搜索CoursePresentation进入编辑界面开始配置从H5P内容类型列表中选择『课程演示』步骤2：设置演示基本信息在『标题』字段中输入：IndirectQuestions根据编辑器界面（如截图所示），主要包含以下区域：顶部工具栏(TopToolbar)：包含所有可添加到幻灯片的元素。多媒体与基础元素：文本T、链接🔗、图片🖼️、形状□、视频🎬、跳转锚点⚓、音频🔊。互动题目：填空题、单选题、多选题、判断题、拖放任务、总结等。底部幻灯片栏(BottomSlideBar)：导航条：底部的矩形块代表每一张幻灯片，小圆圈表示该页包含的互动元素。管理工具：右下角的图标用于添加、克隆、设置背景、移动或删除幻灯片。激活主动表面模式(ActiveSurfaceMode)：在编辑器下方的行为设置中可以找到此选项。勾选后，系统会移除默认的导航控件（如底部的翻页箭头和进度条）。此时，您需要手动在幻灯片上添加跳转锚点(GoToSlide)按钮来实现页面间的导航。适用场景：适用于制作类似于App原型、游戏化课件或非线性导航的演示内容。课程演示编辑器：顶部工具栏与幻灯片管理步骤3：创建幻灯片在编辑器底部的右侧，有一排用于管理幻灯片的工具按钮，从左到右依次为：添加新幻灯片(Addnewslide)：点击加号图标，在当前页之后插入一张空白幻灯片。克隆幻灯片(Cloneslide)：点击重叠矩形图标，复制当前幻灯片的所有内容（包含布局和交互）到新页面。幻灯片背景(Slidebackground)：点击图片图标设置背景。该幻灯片(Thisslide)：仅为当前页设置背景图片或颜色。模板(Template)：为整个演示文稿的所有幻灯片设置统一的背景。移动幻灯片(Moveslide)：点击左右箭头图标，调整当前幻灯片在序列中的位置。删除幻灯片(Deleteslide)：点击叉号图标，移除当前幻灯片。在幻灯片中灵活组合文本、图片和互动题目您可以像使用PowerPoint一样创建多张幻灯片：第1页：封面页标题：IndirectQuestions副标题：Wewilllearndifferentwaysofaskingforinformation...互动元素：添加一个"StartCourse"按钮（具体设置方法见下文HYPERLINK/docs/tutorials/composite/course-presentation#%E6%AD%A5%E9%AA%A4-4%E9%85%8D%E7%BD%AE%E8%B7%B3%E8%BD%AC%E9%94%9A%E7%82%B9-anchornormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkey0ame1f\tdkey0ame1f步骤4）。第2页：内容讲解内容：添加关于间接引语的语法规则讲解。排版：左侧放置文本，右侧放置示例图片。如何添加内容：选择元素：在顶部工具栏点击所需的元素图标（如文本、图片、视频）。配置内容：在弹出的窗口中输入内容或上传文件，并点击“完成”。调整布局：元素会出现在幻灯片上。您可以直接拖动它来调整位置，或拖动边角来缩放大小。第3页：互动练习题目：添加一个单选题(SingleChoiceSet)或填空题(FillintheBlanks)。反馈：设置即时反馈，帮助学习者巩固知识。注意本指南的主要目的是介绍如何配置CoursePresentation(课程演示)组件本身。关于如何配置具体的子内容组件（如HYPERLINK/docs/tutorials/tasks/single-choice-setnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkey57yd73\tdkey57yd73单选题、HYPERLINK/docs/tutorials/tasks/fill-in-the-blanksnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkey80ctpr\tdkey80ctpr填空题等），请参考它们各自的帮助文档。步骤4：配置跳转锚点如果您激活了主动表面模式，或者希望在幻灯片中添加自定义导航按钮（如"开始课程"、"返回目录"），请按照以下步骤操作：添加元素：在顶部工具栏点击锚点图标(Anchor/GoToSlide)。配置跳转：在弹出的设置窗口中：标题(Title)：输入锚点的名称（例如"Menu"或"Start"），这有助于屏幕阅读器识别。跳转到(Goto)：选择跳转类型，通常选择"指定幻灯片编号"(Specificslidenumber)。指定幻灯片编号(Slidenumber)：输入目标幻灯片的序号（注意：序号从1开始）。例如输入2将跳转到第二页。不可见(Invisible)：勾选此项可创建一个透明的热区。这通常用于将整个图片或特定区域（如地图上的某个点）变为可点击的按钮。调整外观：点击“完成”后，将锚点拖动到合适的位置。如果是可见锚点，它会显示为蓝色按钮；如果是不可见锚点，它会显示为半透明覆盖层。添加跳转锚点以实现页面间导航步骤5：配置演示设置在编辑器底部的行为设置(Behavioralsettings)区域，您可以自定义演示的交互逻辑：激活主动表面模式(ActiveSurfaceMode)：如前所述，用于自定义导航。隐藏总结幻灯片(Hidesummaryslide)：勾选后，系统将不会自动生成最后的成绩汇总页。启用“显示答案”按钮(Enable"Showsolution"button)：控制是否为所有题目显示"显示答案"按钮。可以选择“启用”、“禁用”或“为每个问题单独配置”。启用“重试”按钮(Enable"Retry"button)：控制是否允许用户重试题目。同样支持全局或单独配置。总结幻灯片设置：在总结幻灯片中显示“显示答案”按钮(Display"Showsolutions"buttoninsummaryslide)：允许学生在最后查看所有正确答案。在总结幻灯片中显示“重试”按钮(Display"Retry"buttoninsummaryslide)：允许学生重新开始整个课程。启用打印按钮(Enableprintbutton)：勾选后，用户可以将演示文稿打印出来。详细的行为设置选项：答案显示、重试机制与总结页配置步骤6：保存与预览点击『保存并关闭』生成完整的示例内容。您现在应该有一个与本教程HYPERLINK/docs/tutorials/composite/course-presentation#%E6%95%99%E7%A8%8B%E7%A4%BA%E4%BE%8BnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkeyggoj2c\tdkeyggoj2c顶部示例类似的结果。交互说明以下是课程演示的主要界面功能和交互方式：1.导航方式底部导航栏(Bottomnavigationbar)：幻灯片列表(Slidelist)：点击左下角的幻灯片标题（如"Welcome"）可展开侧边栏目录，快速跳转到任意页面。翻页箭头(Navigationarrows)：使用底部的左右箭头或键盘的方向键进行前后翻页。全屏模式(Fullscreen)：点击右下角的双向箭头图标进入全屏模式，获得最佳浏览体验。页面内跳转(JumpAnchors)：在某些页面，您可能会看到自定义的导航按钮（如"开始课程"(StartCourse)或"主页"(Home)）。点击这些按钮可以直接跳转到指定的幻灯片，这通常用于实现非线性的学习路径。2.互动与反馈任务指示点(Taskindicators)：底部的进度条上可能会出现小圆点，这表示该页面包含互动任务。圆点的颜色或状态通常会随着任务的完成而改变（例如从空心变为实心，或改变颜色），帮助您追踪学习进度。即时反馈(InstantFeedback)：提交答案后，系统会立即显示反馈（正确/错误），部分题目支持"重试"(Retry)功能。3.学习总结成绩汇总页(Scoresummary)：课程的最后一页通常是总结页(Summary)。这里会列出所有互动题目的得分详情，并显示总分。您可以点击"显示答案"(Showsolutions)查看正确答案，或点击"重试"(Retry)重新开始整个课程。专