feat: 添加知识库培训离线网页及互动练习

docs/261103_1129-知识库与腾讯ima教育应用培训PPT大纲.md

@@ -1,7 +1,7 @@
 ---
 created_at: 2026-11-03 11:29:02 +0800
 type: 面向教育行业的知识库与腾讯 ima 应用培训 PPT 大纲
-revision: 第2次
+revision: 第3次
 revisions:
   - time: 2026-11-03 11:29:02 +0800
     version: 第1次
@@ -11,6 +11,10 @@ revisions:
     version: 第2次
     author: GPT-6
     content: 完成30页可编辑PPT及逐页讲师备注，同步实际页标题与演示内容，加入五份模拟练习材料，明确未登录官方截图与待验证操作。
+  - time: 2026-11-03 11:52:52 +0800
+    version: 第3次
+    author: GPT-6
+    content: 新增与PPT首版对应的30页离线网页，加入目录搜索、讲师备注、阅读模式、截图放大、提问复制、练习计时与资料下载，更新源码维护路径。
 summary: 面向中小学教师、教研组长及学校管理人员，设计120分钟知识库与腾讯ima应用培训，通过知识库基础、产品操作、单元备课、练习设计、教研共享、校务查询和现场练习，掌握资料入库、提问、查证与成果沉淀。
 ---
 
@@ -303,7 +307,18 @@ summary: 面向中小学教师、教研组长及学校管理人员，设计120
 ### 五、演示文稿与材料
 
 - 演示文稿：`outputs/知识库与腾讯ima教育应用培训-v1.pptx`，30 页，16:9，可编辑文字、图形和六张原生表格，含逐页讲师备注。
-- 制作源文件：`scripts/build.mjs`；实际页码与标题索引：`src/deck.json`。
+- PPT 首版制作源文件：`scripts/build.mjs`；其标题索引独立保存在 `src/pptx-deck.json`。网页版页面源码位于 `src/slides/*.html`，稳定页面 ID 与顺序位于 `src/deck.json`。
 - 练习资料：`materials/01_主题说明.md`、`02_活动建议.md`、`03_课堂反思.md`、`04_校务办理模拟指南.md`、`05_现场练习单.md`。
 - 所有教学与校务案例均为模拟示例，不是 ima 实测输出，也不替代课程标准、教材或学校正式制度。
 - 练习与交流 30 分钟细分为：12 分钟动手、8 分钟分享、10 分钟使用习惯与答疑。
+
+### 六、网页演示版
+
+- 输出文件：`outputs/index.html`。共30页，与已提交PPT首版的课程内容一致，采用原深绿、薄荷绿和浅色版式。
+- 单页源码：`src/slides/*.html`，包含正文、标题、章节、讲师备注及页内样式；顺序由 `src/deck.json` 管理。
+- 公共文件：`src/shell.html`、`src/styles/theme.css`、`src/runtime/player.js`，使用 `python3 scripts/build_web.py` 构建；`--check` 仅检查。
+- 网页功能：键盘与触屏翻页、目录搜索与跳转、讲师备注、全屏、长文阅读模式、截图放大、第14/27页提示词复制、第26页12分钟计时器、第28页完成清单、五份材料单独下载与ZIP整包下载。
+- 网页将图片和练习材料内嵌，可离线播放。官方链接与ima内操作需要联网，网页不会调用AI或上传资料。
+- 练习计时按实际经过时间计算，切页后继续，支持暂停和重置；刷新网页后重置。完成清单仅保存在当前页面会话中。
+- 已在浏览器检查30页文本与表格溢出，核对正文与PPT一致，验证目录搜索、备注、阅读模式、放大、复制、资料下载、跨页计时及清单更新。
+- PPT 首版文件保留不变；以后修改课程内容时，需同步维护网页、大纲及后续发布的PPT版本。