用AI做网站,新府学这群初中生做到了

用AI做网站,新府学这群初中生做到了
时间:2025-09-25 16:15:59来源:北京市新府学外国语学校

科技的发展势必会影响教育,但高深的内容到底如何走入课堂?

回溯90 年代,计算机浪潮来袭,微机课涌入中小学校园,孩子们戴上鞋套兴奋地走进教室,面对精密的计算机,最终不过是形式主义地上上课,玩玩简单的游戏,练习练习打字……

“高科技”的确进校了,但孩子们究竟学到了什么?

2025年6月26日,北京市中小学人工智能教育地方课程纲要》发布,明确自2025年秋季学期起,全市中小学将开设人工智能(AI)通识课程。AI 正以前所未有的强劲趋势,深刻影响并推动着教育行业的变革与升级。

当AI进入中小学课堂,历史是否会重蹈覆辙?有关AI的晦涩知识,究竟该如何转化成让孩子们感兴趣、能听懂、能应用的内容?

“接触人工智能、理解人工智能、应用人工智能”成了每一位老师亟待攻克的难题。而新府学的老师们给出了一份满意答卷:

早在上学期,新府学就前瞻性地开设了 AI 与各学科融合的创新课程。在新府学,小学生可以利用AI工具进行设计,做小小的城市规划师:

 

新府学的 AI 课程,正是用最鲜活的方式,让热爱在孩子们心中越燃越旺 —— 它没有把科技包装成遥不可及的理论,而是让孩子们亲手触摸技术背后的温度,亲身感受 AI 工具带来的创造魔力。

AI不是遥不可及的术语,而是让孩子们的见、摸得着、用得上的知识。

跳动的代码:AI让“不可能”变成现实

新府学的 AI 课程始终以国家教育纲要为根本遵循,结合不同学段学生的认知特点与发展需求,构建了科学有序的课程体系,并有效与各学科做了融合。

在初中阶段设计课上,Teacher Xie带领孩子们做了“AI+设计”的跨学科探索,完成了一系列网站作品。

孩子们能熟练运用各类 AI 工具,沉浸式投入到网站制作的全流程中。该课程是对学校国际文凭组织(IBO)的中学项目(MYP)设计课程的一次跨学科教学实践,让学生在设计课上接触到最新的人工智能工具,通过实践掌握新工具服务于自己的设计项目,实现原本难以实现的创意和构想。

学生网站作品--环保风铃

“以前觉得做网站是程序员才能完成的事,没想到现在自己也能做到!” 

从借助 AI 辅助梳理网站架构、生成设计灵感,到利用 AI 工具简化编程环节,到优化页面交互……过程中,孩子们既夯实了科技素养,又在亲手创造的过程中,真切体会到 AI 技术的实用价值。

当孩子们看着屏幕上跳动的代码逐渐变成可视化的页面,看着自己设计的模块、搭配的色彩在网站上一一呈现,那种从无到有的成就感,远比课堂上的听讲更让人印象深刻。

AI 工具不仅降低了技术门槛,更给了创意无限延展的空间。这样的课堂,早已不是单一的知识传授,而是让孩子们在实践中感受技术的魅力,在创造中收获自信,这份对探索的热爱,也会成为他们未来学习路上最珍贵的动力。

这一次,前沿科技真正的落地课堂。老师用AI,让孩子明白了科技的魅力,借助人工智能,孩子们将“不可能”变成“现实”。

这才是科技进课堂的真正意义。

 

科技不远 让孩子爱上主动探索

若想独立完成网站制作,需要掌握 HTML、CSS、JS 等多门编程语言。而借助AI,就大大缩短了这个过程。

在老师的帮助下,孩子们利用Trea人工智能编程框架快速认识HTML、CSS、JS代码。无需先经历冗长的代码理论学习,只需通过框架提供的指引,就能直观看到代码与网页效果的对应关系。这种 “所见即所得” 的模式,帮助学生快速建立对前端代码的基础认知,降低技术学习门槛。

不做复制品 让创意开花 

教学不该是“从1到1”的复制,而是应该启发孩子们做出创作,因此,课程设计的过程中,Teacher Xie充分让孩子们发挥自由创意。

 

对初中生而言,利用AI工具进行学习是一种 “让技术变得可感知、可掌控”的过程。

当学生无需啃完厚厚的代码教材,就能亲手用 AI 工具做出属于自己的网站,且能通过修改代码、优化 Prompt 不断完善作品时,他们会真切感受到 “科技不是冰冷的代码,而是能实现自己创意的工具”。在创作网站的过程中,老师保留了学生自主设计的空间。

学生可根据自己的创意,自由规划网页主题,通过 Trea 调用 AI 工具生成基础代码框架,再基于自身需求进行细节修改,如调整按钮位置、添加图片轮播效果,这些个性化调整都是孩子们创意的迸发:

这个过程中,学生在实践中逐步掌握代码修改逻辑,实现了 “创意主导、技术辅助” 的学习目标。

由0到1: 打开人工智能探索之路

教育是点燃一把火。Trea 编程框架的运用、网站制作的实践,看似是让孩子们掌握了一项具体的 AI 工具与技能,但这绝非课程的最终目的。

让孩子们在课堂上设计网站,不仅仅是为了让他们掌握一种工具,更重要的是这种从 “0 到 1” 的创作成就感,会彻底打破对科技的陌生感与畏惧感,点燃对计算机技术、AI 应用的探索热情,为未来主动学习更复杂的科技知识埋下兴趣的种子。

课堂中老师以“ AI 做网站” 为切入点,为孩子们推开了一扇了解人工智能的大门:当他们通过 Prompt 与 AI 协作生成代码时,会好奇 “AI 为何能读懂我的需求”;当他们用 AI 工具优化网页细节时,会探索 “AI 还能在哪些领域帮到自己”。这扇窗口让抽象的 “人工智能” 变得具体可感,不仅帮孩子们打开了认知 AI 的广阔视野,更点燃了他们主动探索科技的兴趣之火,让这份对 AI 的好奇与向往,成为未来不断探索科技世界的持久动力。

新府学的AI 教学实践,不仅让学生体验到科技带来的创造力解放,更探索出一条 “技术与教育深度融合” 的新路径。

未来,随着人工智能在教育领域的进一步应用,相信会有更多学生借助科技的力量,突破能力边界,实现更多精彩创意。

end

让世界名校为你转身 

名校来了

为了帮助广大有意转轨国际化教育的家庭提供更好的择校规划,一站式解决择校难题,北京第二十六届国际名校来了升学择校咨询会将于11月1日在北京千禧大酒店·二层宴会厅举办。现场邀请京津冀60多所优质国际化学校的校长/招生官与家长面对面沟通,数十位校长大咖和择校专家发表演讲,还有多位不同领域的升学规划专家为家长一对一答疑,欢迎点击下方图片预约报名!

点击下方图片

立即预约择校展门票

分享:
上一篇:中小学AI课,到底怎么学?新府学用实践,交出了一份亮眼答卷>>
下一篇:舌尖上的新府学高中部来啦 | 9月爆款菜温暖登场!>>
结束

①特别声明:本站点注明为"原创"的文章,版权均属国际教育在线所有,未经书面允许不得以任何形式转载,违者将依法追究责任;

②免责声明:本站部分未注明“原创”的文章,均来源于网友提供或网络搜集由本站编辑整理,如涉及版权问题,请联系本站管理员予以更改或删除,联系邮箱:85861739@qq.com

招生简章 更多 >
预约看校 在线报名
欲报从速 抢占学位
在读年级
校园环境更多 >
常见问题更多 >
北京新府学外国语学校小学国际部招生吗?招生对象是哪些?
北京新府学外国语学校初中部学费多少?怎么授课?
北京新府学外国语学校高中部有哪些学院在招生?
【国际班】北京新府学外国语学校小学部综合素质班在招生吗?学费多少?
北京新府学外国语学校小学部综合素质班怎么样?
北京新府学外国语学校小学部综合素质班怎么授课?
新府学小学接收插班生吗,学费是多少?
北京新府学外国语学校对在国内高考学生,是如何规划的?
孩子就读新府学,高中毕业可以去加拿大留学吗?
北京市新府学外国语学校高中部一年的学费是多少?
2025年北京新府学外国语学校高中部一年多少钱?
北京新府学外国语学校小学部作息时间是怎么安排的?
地址:
电话: