查找热点 (Find the Hotspot)

『查找热点』是一种基于图像的交互测试。学习者需要在图片中找到并点击一个或多个正确区域（热点）来完成任务。这种直观的互动方式能有效训练学习者的观察力和视觉识别能力。

本教程目标

请先注册并登录课灵账号(可以使用微信登录)，在工作区点击"创建"，并选择『查找热点 (Find the Hotspot)』开始创作。

下面是我们将在本教程中创建的查找热点，主题是「浆果冷知识」，要求学习者在多种浆果中找出以土耳其城镇命名的那一种。

示例含单个正确热点；点击正确位置即可获得冷知识反馈

快速复制示例

从 H5P 内容类型列表中选择『查找热点』

上传包含多种元素的清晰背景图片

点击顶部的 『热点』(Hotspots) 标签页进入编辑模式：

任务描述：输入 Which one of these berries is named after a town in Turkey?（哪种浆果是以土耳其的一个城镇命名的？）
创建热点：
- 在工具栏选择 圆形 (Circle) 工具。
- 在樱桃（最右侧）上拖拽出一个圆形区域覆盖它。
- 调整大小和位置使其完美匹配。
配置正确答案：
- 选中刚才创建的樱桃热点，点击编辑标签，然后在打开的编辑窗口中勾选 『正确』(Correct) 复选框。
- 反馈文本：输入 Correct! Cherries are named after the Turkish town of Cerasus.（正确！樱桃是以土耳其城镇 Cerasus 命名的。）
配置干扰项（可选）：
- 为其他浆果（树莓、黑莓、草莓）也创建热点，但不要勾选“正确”。
- 这可以确保用户点击这些区域时不会被判定为“点击空白处”，而是得到明确的错误反馈（如果设置了反馈文本）。

设置任务描述并绘制热点区域

勾选“正确”并输入反馈文本

在 『用户选择空位时的反馈』 区域：

空位反馈文本：输入 You didn't select any of the berries. Have another go!（你没有选中任何浆果，请重试！）
显示方式：勾选 『将反馈显示为弹出窗口』。

设置点击空白区域时的反馈与重试选项

点击 『保存并关闭』 生成完整的查找热点内容，效果参考本文开篇示例。

向学习者提供清晰的操作指引有助于他们快速上手：

为了确保所有学习者都能获得良好的体验，请注意以下几点：

热点尺寸：
- 不要把热点画得太小，特别是针对移动端用户。手指点击的精度远低于鼠标，建议热点区域至少为 44x44 像素。
替代文本 (Alt Text)：
- 背景图片必须填写替代文本（例如“包含四种不同浆果的白色背景图”）。这对于使用屏幕阅读器的用户是获取信息的唯一途径。
色彩对比度：
- 虽然热点本身是不可见的，但如果背景图过于杂乱，用户可能难以分辨目标物体。选择主体清晰、背景简洁的图片效果最好。
键盘导航：
- 『查找热点』对键盘操作的支持有限（因为它依赖于坐标点击）。如果您的受众包含大量依赖键盘导航的用户，建议提供替代的文本版练习。