随着各种AgentWork的兴起，很多人开始尝试把工作或者课件，课件、汇报、课题研究展示、学生作品集换成"一个 HTML 文件"。打开浏览器就能创作、就能播放、就能分享。那种"一行命令起一个服务、一份链接发给学生"的轻盈感，一旦体验过就很难回去。

从板书到互动网页，教学逻辑正在改变

这股风潮背后，藏着的不只是工具喜好的变化，而是人工智能时代教师"教学表达方式"正在经历的一场深层范式转型。

HTML 正变得越来越好写

过去，写 HTML 是有门槛的——要懂标签、懂样式、懂布局，非科班出身的教师往往望而却步。但 AI 把这道门槛几乎削平了。

现在的 AI 助手，能听懂"设计学习网站"这样的自然语言，几秒钟吐出结构完整、样式可看的网页代码。更关键的是，HTML 的代码通用性极强：一次生成的页面，不依赖特定软件，不挑操作系统，电脑、平板、手机都能打开；一份源码存下来，十年后大概率还能跑，不会因为某个软件停更而打不开。

这意味着，教师用 HTML 拓展教学工作的成本，正变得越来越低。你不需要买昂贵的授权，不需要担心版本兼容，甚至不需要"安装"任何东西——一个文本编辑器、一个浏览器，就够了。当"编写网页"不再是程序员的专利，它就自然下沉成了普通教师可用的表达工具。

一个文件，就是一套表达系统

技术的发展让HTML PPT，一个文件，搞定创作、编辑、播放和数据，绝对是最轻量、最自由的下一代网页创作工具。

为什么说它"轻量"？因为它就是一个文件——没有几十兆的安装包，没有散落一地的素材夹，没有"请用 Office 2019 以上版本打开"的尴尬。复制、备份、分享，都只是"传一个文件"的事。

为什么说它"自由"？因为它本质是网页：可以嵌视频、嵌交互、嵌数据图表，可以跳出 4:3、16:9 的固定画布，做成横向翻页、纵向滚动、分章节任意组织的形态；离线能用，上线即链接，隐私自持。

刚看到焦建利教授推荐的 Bento.page，Bento.page 自留地完全上手教程我就迫不及待地做出尝试。

一句话做出了课件，你看一下，是不是和PPT的布局和操作一模一样？

我又试着把一个交流分享的PPT课件交给它修改。

从内容布局和结构上看还是超出了预期，演示也很丝滑。

还行细致的加入了演讲备注

如果要加入图片也是可以修改的

自动动画，演示丝滑。

这种网页类型的课件，分享，尤其是线上分享极其容易，而且任何浏览器都可以打开，不挑系统和电脑软件版本。

这种"单 HTML 文件、最轻量最自由的下一代网页创作工具"——它把网页创作从工程活儿，变成了教师也能随手拈来的日常表达。

当课件、学案、评价反馈、甚至学生互动数据都能收进"一个文件"里。教师的教学表达就不再是"填模板"，而是"造页面"。这种转变，恰恰是 AI 时代表达方式范式转型最生动的注脚。

痛点：对话式修改，常常"跑偏"

不过，如果是用AI自己搭建网页也不是一路顺畅。一个真实的尴尬是：大多数 AI 工具改网页，靠的是对话。

你想调一处细节，比如"把第二张图的说明文字改短一点"，就得在对话框里反复描述。可网页是立体的——改一个模块，常常牵动排版、样式、甚至其他模块。对话里很难把需求说准，AI 也常常"善意地"顺手改了别处；来回几轮，页面长得更像你又要的，又离你想要的更远。到最后，你花在"纠正 AI"上的精力，比自己动手还多。

需求越具体，对话越无力。这是当前"对话式 AI 做网页"躲不开的坎。

解法：Trae 的"指哪改哪"

我用其他Agent做出初稿后喜欢用 Trae 修改 HTML，它除了支持常规的自然语言对话，还多了一种更精准的方式：局部圈选 + 评论。

操作逻辑很直观：

• 开启"编辑模式"
• 圈选目标区域
  
• 直接用鼠标选择那一块，而不是对着整页描述，就会弹出添加到对话。
  
• 用评论或提示词告知需求AI 就知道只动这里；
• AI 仅修改该区域，不影响其他部分
  ——这才是关键：它不再"顺手"改遍全页，改动被锁死在你指定的范围里。

• 这就把"修改网页"从"开盲盒式的对话"变成了"像改 Word 一样指哪改哪"。你不再需要把模糊的意图翻译成 AI 能懂的长句子，而是直接用手指出"就这儿、这样改"。对做课件的教师来说，这种精准度几乎是可遇不可求——它保住了我们最在意的东西：对成果的主导权。

  写在最后：把精力还给内容本身

回头看，从"写文档"到"造页面"，从"传文件"到"传链接"，教师表达载体的升级，从来不是为了赶时髦。它的真正价值在于：当工具足够轻、足够自由、足够可控，我们就能把原本耗在"格式与兼容"上的精力，重新还给"教与学"本身。

AI 让 HTML 变得人人可写，Trae 的圈选修改让网页变得人人可控。当"创作—编辑—播放—数据"都能收进一个文件、且能精准雕琢，教师的表达，才真正配得上这个正在被重新定义的教育现场。