小学体育项目化学习网站生成器
概述
一键生成可直接在浏览器打开的小学体育"项目化学习"网站：单文件 HTML（内嵌 CSS/JS）、无后端、localStorage 持久化、响应式（手机/电脑）、右上角暗色模式切换、活泼配色。把体育教师的项目化学习设计固化为可运行、可分享、可长期记录的学生学习平台。
何时使用
- 体育老师要为某项目（耐久跑 / 跳绳 / 球类等）做项目化学习设计。
- 需要"任务清单 + 可视化演练沙盘"。
- 需要学生过程记录（训练数据 / 图文日志 / 成绩趋势图 / 阶段反思 / 教师评语）。
- 需要水平分层、21 天健康计划、跨学科主题设计、学生评价量规。
工作流程
- 读取
assets/中的范例模板（耐久跑项目 v3.0，含全部六大模块），作为起点 fork。 - 与教师确认：运动项目、子项目拆分、层级划分标准、署名单位与年份。
- 按下方"标准模块架构"构建 / 改写单文件 HTML（结构、配色、暗色模式、响应式）。
- 用
node --check校验内嵌<script>的 JS 语法（抽取 script 文本写临时文件再检查）。 - 按"版本管理协议"归档（v1.0 起，重大更新 v2.0/v3.0，小幅 v1.1），更新
VERSION_HISTORY.md。 - 交付工作文件（无版本号）+ 归档文件，并用 present_files 打开预览。
标准模块架构（详细模板见 references/spec.md）
网站由若干"模块"按需求组合，每个模块是独立 <section>：
- 模块一·项目化学习任务清单：阶段化子项目（任务名称 / 学习目标 / 具体训练内容 / 预期成果 / 完成标准）+ 子任务勾选追踪 + 顶部整体进度条 + 每个子项目配一个可视化演练沙盘（纯 JS/SVG，如配速→心率区间、间歇时间线、挑战进度环）。
- 模块二·学生过程记录：多学生独立管理（添加 / 切换 / 删除，数据互不干扰）、每日训练录入（距离 / 用时 / 心率 / 主观疲劳度 RPE 1–10）、图文日志（图片压缩至 800px JPEG 存 localStorage）、纯 SVG 成绩趋势折线图（配速"分/km 越低越快"、距离增长、心率+疲劳度）、阶段反思与教师评语展示。
- 模块三·三级水平分层：🌱起步星 / ⚡进阶星 / 🏆挑战星（以 12 分钟跑距离为常用分层参考），全局层级选择器；任务清单按层级切换、勾选状态按层级独立追踪（数据结构如 taskState[level][spId][i]）。
- 模块四·21 天健康改善计划：按学生所属层级生成三周渐进打卡计划，结合个人练习成果（训练次数 / 累计距离 / 最佳配速 / 平均疲劳度）给出个性化寄语，可逐日打卡并显示进度（打卡按层级分别保存）。
- 模块五·跨学科主题教学设计：依据《义务教育体育与健康课程标准（2022年版）》"跨学科主题学习"要求，将体育与音乐（节奏 / 配速 / 呼吸 / 间歇指挥 / 赛前歌单）、美术（起点地图 / 跑姿漫画 / 数据海报 / 节奏色卡 / 手抄报）等融合；含课标连接说明、双学科对照、子项目×活动映射表、典型活动卡。
- 模块六·学生评价量规：从体育学科核心素养三维度（运动能力 / 健康行为 / 体育品德）× 三层级分别制定完成项目化学习后的达标表现，量规矩阵可点击层级高亮（层级选择独立存储，不干扰任务清单层级）。
技术规范（必须遵守）
- 单文件 HTML，内嵌 CSS/JS；无服务器；用
localStorage持久化（每个数据维度用独立 key，如ep_students_v2）。 - 右上角暗色模式切换按钮（
data-theme="dark"切换根节点属性）。 - Hero 区固定深色背景（不随主题变化），其内所有文字（h1 / 副标题 / meta）必须用固定亮色值（
#e2e8f0/#cbd5e1），不能继承var(--text)等主题变量，否则浅色模式下文字不可见。 - 响应式（手机优先，
max-width:640px断点调整栅格）；活泼配色：主橙#ff7a3c、辅青#21b6a8。 - 页脚署名格式：
"{学校名}，{部门}（{年份}版）"，例如厦门市海沧区北附学校，体育组（2026 版）；默认占位上海师范大学 教育学院，2026年版。 - 导航锚点 + 滚动高亮当前 section（IntersectionObserver 或 scroll 监听）。
版本管理协议
每次更新代码文件：① 检查文件是否存在；② 若已存在且将发生实质变化，先把当前版本复制为 文件名_vX.Y_YYYYMMDD.html（如 耐久跑项目化学习_v1.0_20260716.html）；③ 在工作文件（无版本号）上修改；④ 版本号递增（初始 v1.0，重大更新 v2.0/v3.0，小幅 v1.1/v1.2）；⑤ 在根目录 VERSION_HISTORY.md 追加记录（版本 / 日期 / 变更说明 / 文件）；⑥ 始终保留一个无版本号的工作文件；⑦ 支持"回滚到 vX.Y"；⑧ .workbuddy/ 下的 memory 与 VERSION_HISTORY.md 本身不适用版本管理。
资源
assets/耐久跑项目化学习-范例模板.html：可 fork 的成品范例（v3.0，含全部六大模块与全部 JS/CSS），复制后改文案、数据与署名即可复用到其他体育项目。references/spec.md：分层标准、任务清单结构、21 天计划模板、跨学科设计模板、评价量规模板的可复用骨架，以及耐久跑项目的完整范例文案（直接替换主题即可）。
