AI赋能网页教学,学生却迷上做游戏?这次课堂“跑歪”给了我三个启发
作者：微信文章“老师，我们不学网页了，我们学做游戏吧？”
距离上次更新，已经过去20天。这段时间一直在尝试将AI真正融入网页教学，却迟迟没来得及整理课堂点滴。直到今天，才终于有机会记录下这次“跑歪了”的课堂经历。
上一次评比结束后，学生对用AI做网页的热情明显高涨。我趁势引导，提出一个新目标：做一个真实、可落地的项目。
为什么强调“真实”？
因为我们的学生大多来自本地，未来也很可能服务于本地企业。大公司的官网或许离我们很远，但周边那么多小家电企业、配件工厂，他们同样需要网站——尤其是当他们想拓展外贸、开设抖音或淘宝店铺的时候。
那么问题来了：如果你是企业老板，会随便用一个AI生成的网页吗？
当然不会。你想要的，是一个能展示公司、产品与实力的窗口。
于是我们从头梳理：
第一步，不是写代码，而是找对标。
比如要做“笔”的网站，就先研究得力、晨光等品牌官网长什么样；
第二步，明确网站为谁而做。
笔的终端客户在超市或网店，而官网真正面对的是批发商；
第三步，借助AI梳理内容、规划结构，再动手设计。
这次我们没用之前常用的“豆包”，因为它只能整体修改页面，很难局部调整，也难以基于本地代码持续迭代。
在微信公众号的留言推荐下，我们尝试了 Trae AI（在VSCode中安装插件）。介绍时，我顺手演示了它如何一键生成目录结构，甚至做出“贪吃蛇”互动页面。
没想到，就是这个小游戏，让课堂彻底“跑偏”。
学生眼睛一下子亮了：“老师，这个好玩！我们能做别的游戏吗？”
看着他们自发研究起来，我干脆放手：“行，那给你们两节课时间。”
第二节课，我们对比了豆包里的网页应用，发现别人的动画更精致、交互更流畅。
——“为什么？”
——“因为提示词写得更好。”
于是我们又转向学习“如何写提示词”。学生边琢磨边改进，做出的互动网页越来越像样。
那专注的劲头让我不禁感慨：兴趣，果然是最好的老师。
然而，真实的职校课堂始终伴随着挑战。
尽管每次使用AI我都和班主任报备，每次课后都提醒学生交还手机，但管理流程仍有漏洞。近期学校加强了手机管理，AI工具的实践不得不暂告一段落。
这次“跑歪了”的课，也让我有了几点反思：
技术只是工具，学生的热情和自主性才是课堂的灵魂
从“真实需求”出发，项目才更有生命力
在AI赋能教学的路上，我们依然需要在“创新”与“管理”之间寻找平衡
也许下一阶段，是思考如何在校规框架内，继续点燃他们的创造火花。
这条路还长，但我愿意继续走下去。
页:
[1]