我完成了HTML课件生成器的页面,并添加到了自己做的英语教师备课资源网(teacher.nestenglish.com)的工作台里面
- 2026-10-03 05:01:37
我完成了HTML课件生成器的页面,并添加到了自己做的英语教师备课资源网(teacher.nestenglish.com)的工作台里面HTML课件相关内容指路(点击跳转)👇: 不用PPT上课?HTML交互式课件正在成为新的可能 HTML 交互式课件(下) 我把 GitHub 上的英语 Skill 翻了一遍|附国内好用的交互式课件制作平台 我打算把HTML课件的生成工具添加到了英语教师备课资源网里面 👉 teacher.nestenglish.com 复制到浏览器或者选中用微信搜一搜打开 注意:手机直接点开网站的时候有可能是nestenglish.com(英语学习平台),需要注意前面是否有前缀:teacher.。有teacher.前缀的才是英语备课资源网 
1. 单文件标准 HTML - 生成内容为独立 .html 文件,所有样式(CSS)、交互逻辑(JavaScript)及本地题库全部内嵌。
- 教室无网可用:直接使用 Chrome、Edge、Safari 或希沃白板等一体机浏览器打开即可全屏授课,不依赖外网连接与第三方插件。 2. 多模态与 OCR 提取
- 支持粘贴试卷/课本图片或上传截图,集成视觉 OCR 自动提取中英文文字并回填至备课材料框。 3. 教学安全沙箱
- 预览沙箱与导出课件均内嵌严苛的内容安全策略(Content-Security-Policy),禁止外联脚本、数据外传及弹窗劫持,确保课堂投屏安全稳定。 4. 即时交互体系
- 区别于传统翻页 PPT,生成的课件支持拖拽分类、选项即时反馈、正误计分、答题进度条、长难句语法高亮折叠等原生交互。 
小彭并非程序员,“存粹”是“氛围编程 + 英语教学”爱好者。 如果网站有哪些地方有问题,欢迎留言,小彭看到的话就抽空修改!
很多朋友对做网站的方法很感兴趣 我之前有写过一篇(点击跳转): 怎么制作一个网站?vibe-coding 这篇推文有点零散,我又重新补充并整合为了一下的一个表格,供大家参考 我自己常用的是方式3和方式4,方式3一般进行集中大幅度完善和修复(追求效率),方式3的软件额度用完了,我则会使用方式4进行一些边边角角的修复(不追求效率)。 
ENFP 又开新坑了:用 AI 做英语治愈游戏 这篇推文后半部分有vscode + cline + api 的部分操作方式(又下方框里有说0-4步已经可以开发网站了,第五步是为了连接游戏引擎,与开发网站无关了) 但是第三步里的配置api需要先在开放平台上(比如国内的deepseek、kimi、glm等)或者信赖的中转站那里购买api套餐或者token,买好了之后根据平台上的接入指南,点击左边操作方框右上角的填写网址、密钥和模型然后点击done就可以开始使用了。 

NEST ENGLISH 筑 巢 英 语 AI 英语学习平台 · nestenglish.com 让英语学习更简单、更高效 
长按识别二维码 · 关注筑巢英语 — YOOMNEST 与 梦 筑 巢 一个属于教师的专业社区 记录实践 · 沉淀经验 · 共建共创 
长按识别 · 登记成为第一批建设者 也可以直接加我微信,和我聊聊你的想法 👇微信号:MeganPengJY 
感谢你读到这里 ❤

筑巢英语「AI 交互式课件工作台」使用说明与技能架构详解
筑巢英语教师工作台(teacher.nestenglish.com的AI课件功能)是一套面向中小学及升学英语教师的HTML 单文件交互课件生成工具。
它结合了主流开源社区及一线教学的沉淀流程(Skills),能直接将老师提供的教材文本、习题、教案或截图转化为零依赖、纯本地运行、带互动反馈与计分的投屏课件。
一、 课件生成机制与技术特性
- 教室无网可用:直接使用 Chrome、Edge、Safari 或希沃白板等一体机浏览器打开即可全屏授课,不依赖外网连接与第三方插件。
- 支持粘贴试卷/课本图片或上传截图,集成视觉 OCR 自动提取中英文文字并回填至备课材料框。
- 预览沙箱与导出课件均内嵌严苛的内容安全策略(Content-Security-Policy),禁止外联脚本、数据外传及弹窗劫持,确保课堂投屏安全稳定。
- 区别于传统翻页 PPT,生成的课件支持拖拽分类、选项即时反馈、正误计分、答题进度条、长难句语法高亮折叠等原生交互。
二、 6 大标准课堂任务模板
在工作台首页,教师可先选择最契合当前课时的预设任务,系统会自动联锁推荐最合适的交互方式与参考技能,大家可以根据需求选择:


三、 35 项内置 Skill(技能工作流)完全一览
网站AI课件的制作汇聚了 4 大领域、共 35 个专业工作流(之后会抽时间持续更新)。教师选定任务后,可点击切换不同的底层参考技能,以获得截然不同的教学法构架与课件形态:

1. 课件与教学法架构(Courseware)— 5 项
适用于将完整章节、语法知识点做成具结构化互动的综合课件。
book2courseware(13 组件课件骨架):提供从封面、知识脉络链、交互填空、即时选择题到自检小结的完整模块,是最通用的单课骨架。 ds-vibe/teach-me(访谈式生成课):先引导确立学情背景与课标目标,再匹配教学法与视觉风格,生成带动态交互与反馈的微课。 agentic-learning-skill(心智地图课程):以思维心智地图为骨架,通过模块探索、术语气泡浮动解释与分级小测展开主题教学。 ai-pm-atom-lesson(四步知识点课):采用“研课定位 ➔ 锚定靶点 ➔ 交互设计 ➔ 效果自检”的闭环,专攻语法重难点单点突破。 Wamikmk/interactive-educator(四屏发现课):遵循“情境呈现 ➔ 观察规律 ➔ 归纳提炼 ➔ 迁移应用”的探究式教学法,引导学生先发现规律再得出结论。 linmumu-course-prep(工程化备课流水线):涵盖课前设计、投屏课件、教师逐字讲稿、测验题目与“挑刺自审”报告一体化输出。
2. 阅读理解与长难句(Reading)— 10 项
专为阅读讲评、整篇精读、语法结构拆解设计。
bingrancoffee/deep-reading-skill(双语精读工具):左侧英文原文配合语义色块高亮,右侧附中文批注、核心术语表与结构化 worksheet 问题链。 shenquan520/reading-analysis(阅读陷阱分析):深入分析篇章命题逻辑,对每一道习题给出原文证据链定位,并深挖干扰项的命题套路与逻辑陷阱。 claude-intensive-reading(外刊逐段精读):专为非虚构或外刊阅读设计,按自然段解析段落主旨、重点词汇衍生、长难句结构、文化背景拓展。 cefr-reading-coach(CEFR 改写):能将原版难文按 CEFR 欧洲语言等级(A1.1 至 C2.2)定向降难度改写,并提供配套音标与阅读理解检测。 cae-tutor(CAE 阅读训练):围绕剑桥高级英语(C1 Reading & Use of English)标准命题,针对填空、配对、改错等高级题型展开强化。 kaoyan-one-sentence-trainer(长难句训练):借鉴考研句法训练法,提取句子主干,逐步剥离各级修饰成分并提供仿写对比。 english-reading-analyzer(五步长难句):按“结构划分 ➔ 找主谓宾 ➔ 修饰剥离 ➔ 语境翻译 ➔ 核心提炼”五步法拆解后置定语、并列句与同位语。 LesleyFung/ielts(雅思阅读):专攻学术阅读题型,重点训练快速寻读(Scanning)、同义词替换识别与判断题(T/F/NG)逻辑。 reading-comprehension-ppt-skill(阅读讲解课件):将传统 PPT 的讲评逻辑(题干拆解、证据圈画、归因分析)直接升格为互动 HTML 流程。
3. 写作教学与中高考/雅思讲评(Writing)— 10 项
适合作文批改课、表达提质、范文升格与逻辑指导。
YANZHANLIN/ielts-claude-skills(雅思四维写作):基于 Task Achievement、Coherence & Cohesion、Lexical Resource、Grammatical Range 展开全维度诊断与润色。 ielts-writing-review(雅思 DOCX 批改):模拟专业考官阅卷,输出估分、逐段旁批、低级错因汇总与高分替换范文。 ielts-buddy(雅思学习套装):覆盖学生写作、口语备考中的常见逻辑断层,提供连贯性改写与高分词伙库。 xuchi-0808/ielts-claude-skills(雅思 Skill 集):遵循“输入诊断 ➔ 经典示范 ➔ 对比改写 ➔ 二次复练”的讲评闭环。 liqianiiii/Awesome-ielts-claude-skills(雅思 Skill 合集):专注于审题避坑、论据拓展与学术论述句型结构。 yuy879143-coder/ielts-claude-skills(雅思备考 Skill):重在词汇降噪与学术化表达升级,训练论点间的过渡词衔接。 cet6-writing-translation(六级写译批改):涵盖五档官方评分定位、逐句错漏标注、保守安全修改、高分升格示范与专项改错练习。 cet46-writing-coach(四六级写作):提供图表/引语/论述三大常见题材的框架拆解与论证推进模板。 npee-english-ii-skill(考研英语二写译):针对图表作文与长句汉译英,强化专业术语复现和句式多样化训练。 Marble writing mentor(人格化写作导师):采用苏格拉底追问式的启发式评语,引导学生自主发现逻辑漏洞并尝试重构。
4. 备课资料与试卷讲义(Preparation)— 9 项
用于输出单元全套教案、教辅对标练习卷、分层作业。
reading-explorer-lesson-plan(Reading Explorer 五件套):一键生成完整单元方案(核心教案、重点词表、复述指引、习题答案与核心句型清单)。 adaptive-english-teaching-studio(英语备课工作室):输出整堂课教学脚本(教师逐字稿、环节过渡词、配套随堂练习与作业设计)。 exam-paper-skill(试卷讲义生成):深度锚定考点,按“基础记忆题 ➔ 变式应用题 ➔ 综合提升题 ➔ 开放思维题”设计阶梯测验与解析。 yilin-english-handout(译林教辅模板):对标主流牛津/译林版教辅版式,梳理知识清单、语法讲练与中考题型精练。 study-assistant-skills(学习助手合集):建立包含思维导图、考点讲义、易错集与费曼输出检验的自学闭环。 printnest-worksheets-lite(可打印练习卷):专为小学及低龄段设计,生成字母笔顺描红、自然拼读(Phonics)与常用高频词(Sight Words)练习纸。 math-worksheets-skill(题目校验思路):采用严密的双向验算流,在习题生成前自动校验题目有无多解、答案是否唯一。 education-agent-skills(教育技能合集):沉淀国际教育领域的教学设计准则,从三维目标、课堂活动节奏到形成性评估给出专业参考。 taotao-skills(中文教师 Skill 库):沉淀本土英语教师的实际痛点(如大班授课控场、早读任务拆分、背诵过关表设计)。
四、 教师操作指引(三步法)
确立课标与任务
- 打开工作台,在顶部选择【做阅读题讲评】、【做精读课】等 6 个预设任务之一;
- 如有特定授课风格需求,可在右侧「参考流程」中切换具体的 Skill。录入基础素材与截图
- 填写课件标题、所属年级/单元;
- 如有纸质试卷或教参,直接在上传区添加截图,点击【识别图中文字(OCR)】,识别结果会自动规整填入材料框;
- 在「补充说明与课堂要求」中写明特别期望(例如:“增加一组现在完成时的对比造句”、“针对第三段展开追问”)。生成、在线试调与下载
- 点击【生成 HTML 课件】,系统完成编排并在下方渲染出实时预览界面;
- 老师可直接在预览窗内点击做题、切换卡片,核查答案与动效;
- 确认无误后点击【下载 HTML 课件】,将文件保存在 U 盘或课桌电脑中,双击即可带入课堂投屏授课。

另外一篇推文👇也有提到方式3中配置方式:

这种方式相比直接用AI编程软件的灵活度更高,找到了好用的模型也是很香的。
这两天我AI编程软件的额度用完了,又开始用vscode+cline+api打辅助。 ![]() ![]() |




本文来自网友投稿或网络内容,如有侵犯您的权益请联系我们删除,联系邮箱:wyl860211@qq.com 。

