页面 (Page)教程页面 (Page)曾用名 Column是一个灵活的内容容器允许您将多种 H5P 内容类型垂直堆叠在一个页面中。这就好比搭建积木您可以按顺序组合文本、图像、视频、音频甚至各类测验创建一个丰富且连贯的学习页面。它是创建长篇图文教程或组合式学习材料的理想选择。本教程目标了解页面 (Page)作为垂直布局容器的特性掌握如何添加、排序和组合多种 H5P 内容类型学会使用分隔线优化页面布局与阅读体验何时使用页面多媒体文章创建类似博客文章的体验将文本、图片和视频有机结合。组合学习单元在一个页面中先放置阅读材料如文本或视频紧接着放置理解检查如填空或单选题。长内容展示当单一的内容类型如仅一张图片或一段文本不足以表达完整概念时将其串联起来。资源聚合将相关的链接、文档下载通过 Text 组件的链接功能和说明整合在一个页面。前置知识页面 (Page)本质上是一个用于垂直堆叠内容的容器。它的强大之处在于能够容纳几乎所有其他 H5P 内容类型。 因此要充分利用此组件建议您先熟悉各类基础组件如图像热点、交互式视频、各类测验等的使用方法。本教程将侧重于如何组织这些内容而非讲解子组件的具体配置。教程示例下面是一个关于“Kon-Tiki 探险”的页面示例它组合了文本、图片、链接和匹配题形成了一个完整的微课程。点击这里浏览示例示例垂直滚动的页面包含图文、链接与互动练习创建页面分步指南步骤 1创建新内容在课灵工作区点击「创建」进入 H5P 编辑器。在内容类型列表中选择『页面 (Page)』或搜索『Page』。注意在旧版本或其他平台中此组件可能名为Column。选择页面 (Page) 内容类型步骤 2设置标题与内容列表进入编辑器后您会看到一个垂直的内容列表区域。标题 (Title)设置整个页面的主标题例如“Kon-Tiki 探险史”。栏目内容列表 (Content)这是页面的核心区域。您将在这里逐个添加“积木”。编辑器界面顶部为标题下方为内容列表各项内容按顺序排列步骤 3添加内容项点击列表底部的“添加内容”按钮会弹出一个下拉菜单列出所有支持嵌入到页面中的 H5P 内容类型。支持的类型非常丰富包括但不限于文本 (Text)用于添加段落、标题和说明。图像 (Image)视频 (Video)添加媒体素材。测验 (Quiz)如填空题 (Fill in the Blanks),多选题 (Multiple Choice),拖放 (Drag and Drop)等。链接 (Link)添加外部跳转按钮。手风琴 (Accordion)用于折叠长文本。从丰富的下拉列表中选择要添加的内容类型步骤 4配置具体内容与分隔线添加某个内容例如文本 (Text)后该内容块会展开供您编辑内容 (Content)根据所选类型填写具体信息。例如对于文本 (Text)您可以输入文字并进行格式化加粗、链接等。用水平线分隔内容 (Separate content with horizontal line)建议勾选。这会在当前内容块下方添加一条细灰线在视觉上区分不同的内容段落使页面看起来更整洁。例外如果两个内容块关系非常紧密如图片及其下方的说明文字可以不勾选。编辑文本内容并建议勾选“用水平线分隔内容”以优化排版步骤 5排序与管理随着内容增多您可以通过以下方式管理列表排序点击内容块右侧的“上移/下移”箭头或拖拽图标来调整顺序。折叠/展开点击内容块标题栏收起详细设置以便查看整体结构。删除点击右上角的“X”按钮移除不需要的模块。交互说明滚动浏览学习者通过垂直滚动来浏览内容符合网页阅读习惯。即时反馈如果页面中包含测验如填空题 (Fill in the Blanks)学习者可以直接在页面上作答并获得即时反馈无需跳转。优化与无障碍访问逻辑顺序确保内容的排列顺序符合逻辑例如先学习后练习便于屏幕阅读器用户按顺序理解。标题层级在文本 (Text)组件中合理使用Heading 2,Heading 3等格式构建清晰的文档大纲。分隔线的使用适度使用水平分隔线不仅有助于视觉分块也能帮助认知障碍用户更好地处理信息块。专家建议与最佳实践“三明治”结构设计页面时试着采用“引入 - 核心内容 - 总结/练习”的结构。顶部用图像 (Image)或文本 (Text)引入主题。中间放置视频 (Video)或详细文本 (Text)讲解。底部用问题集 (Question Set)或交互式视频 (Interactive Video)进行考核。避免过长页面虽然页面 (Page)可以无限延伸但过长的页面会导致学习者疲劳。如果内容极多建议拆分为多个页面 (Page)或者使用互动书 (Interactive Book)将多个页面 (Page)组织成章节。利用 Accordion 节省空间如果有很多补充阅读材料可以使用手风琴 (Accordion)组件将其折叠起来保持页面主干清晰。