AI案例交流

我是电脑小白，请你用最简单的方式帮我完成这个项目。

【项目目标】
做一个「小学1–3年级英语学习路径图」单机网页。我只要用浏览器打开 index.html，就能看到清晰的路径图，方便家长陪孩子学习。

【技术要求】
1. 全部做成静态文件，不要需要安装 Node、不要需要联网服务器。
2. 在当前文件夹创建这些文件：
   - README.md（用中文写：怎么双击打开、页面有什么功能）
   - index.html（主页面）
   - styles.css（样式）
   - data.js（学习路径数据，用 JS 变量导出，方便修改）
3. 页面要中文界面，风格简洁、字号偏大（适合家长阅读）。
4. 先不要写完整三年级全部内容，先搭好页面框架和示例数据（每个年级先放 2 个主题模块即可）。

【页面功能（第一步就要具备）】
- 顶部标题：小学1–3年级英语学习路径图
- 三个年级切换按钮（一年级 / 二年级 / 三年级）
- 每个年级显示：阶段目标简介 + 主题卡片列表
- 每个主题卡片显示：主题名、技能目标（听说读写）、练习活动、验收标准

请直接创建文件并写入内容。完成后用简短中文告诉我：生成了哪些文件、我接下来该怎么打开预览。

本步完成后应看到：文件夹里出现 README.md、index.html、styles.css、data.js；用浏览器打开 index.html 能看到年级切换和示例卡片。

请在现有项目基础上，重写 data.js，填入「小学1–3年级英语」完整学习路径数据（不是示例），要求如下：

【总原则】
1. 难度循序渐进，符合国内小学低年级常见节奏，不超纲吓人。
2. 语言以中文说明为主，英语单词/例句用真实英文。
3. 每个年级至少 6 个主题模块；每个主题必须包含字段：
   - id、name（主题中文名）、weeks（建议周数）
   - skills：listening / speaking / reading / writing 各一句目标
   - words：8–12 个核心单词或词组（英文 + 中文释义）
   - activities：3 条可执行练习（家长能带着做）
   - checklist：3 条验收标准（能打勾判断是否过关）

【一年级侧重点】
字母认读、自然拼读入门、问候与自我介绍、颜色数字家人动物等主题词、极短句听说。

【二年级侧重点】
拼读巩固、主题词汇扩展、日常问答短对话、简单绘本跟读、抄写与看图写词。

【三年级侧重点】
较长句与简单段落阅读、口头小复述、周记式短写（中英可混但要有英文句子）、主题如天气/学校/爱好/商店。

【输出要求】
- 只改 data.js（如 index.html 字段名不匹配则同步小改，保证页面能显示）。
- 保持 data.js 可被 index.html 直接引用。
- 完成后用中文列一下：每个年级有哪些主题名称。
- 不要删除 README，必要时更新 README 里的使用说明。

本步完成后应看到：刷新浏览器后，三个年级都有完整主题列表；每个主题有单词、练习和验收勾选项。

请继续完善这个「英语学习路径图」网页，让电脑小白打开就看得懂、用得上。

请完成以下改动（保持静态文件，不引入打包工具）：

1. 【路径图视觉】
   - 在每个年级页面顶部增加「学习路线」横向/纵向步骤条：按主题顺序显示 1→2→3…，当前选中主题高亮。
   - 点击步骤条可切换到对应主题详情（与主题卡片联动）。

2. 【主题详情加强】
   - 单词区用更清晰的列表或小标签展示。
   - 练习活动用有序列表。
   - 验收标准前面加 ☐ 复选框样式（可用纯 CSS/HTML，不要求真的本地存储也行；若你能用不依赖服务器的 localStorage 记住勾选更好）。

3. 【家长周计划】
   - 页面增加「生成本周计划」区域：默认每周练 4 天、每天 20 分钟。
   - 根据当前年级与主题，自动列出本周 4 天的具体小任务（来自 activities / checklist）。
   - 提供「复制本周计划」按钮，把计划文本复制到剪贴板。

4. 【使用说明】
   - 首页或侧边加一小段「三步使用法」：选年级 → 点主题 → 按计划陪练。
   - 更新 README.md，写清楚：如何用 Chrome/Edge 打开 index.html；如果双击没反应怎么办（右键用浏览器打开）。

改完后请告诉我：我应该打开哪个文件、点击哪里可以看到路径图和周计划。

本步完成后应看到：页面有路径步骤条、主题详情、本周计划与复制按钮；README 写明如何打开。

请做项目收尾自检，并保证小白也能用：

1. 检查 index.html / styles.css / data.js 互相引用是否正确；修复任何会导致页面空白的问题。
2. 在 README.md 最上方增加「30 秒上手」：
   - Windows：进入文件夹 → 右键 index.html → 打开方式 → Chrome 或 Edge
   - Mac：进入文件夹 → 右键 index.html → 打开方式 → Chrome / Safari
3. 再写「如果页面是空白怎么办」三条排查（文件是否双击错了、是否用记事本打开、路径是否移动导致破图/破样式）。
4. 新增 PARENT-GUIDE.md（中文一页纸）：
   - 这个路径图是干什么的
   - 建议每周怎么用（选主题 → 做练习 → 勾验收）
   - 一年级/二年级/三年级分别从哪个主题开始更稳妥
5. 用中文回复我一份「验收清单」（打勾题），我照着检查就能确认项目成功。

本步完成后应看到：README 有上手说明；有 PARENT-GUIDE.md；你能按验收清单完整走通一次学习路径。