跳转到主要内容
FutureBuilder JX · 公益课堂
本校初高中学生专属公益课 · 校外不开放

不用背代码,
孩子用 AI 做出生日祝福网页

孩子把想法用中文说清楚,字节跳动的 AI 编程工具 TRAE 负责写代码。8 节课学完,孩子能独立做出一个有蛋糕、气球和音乐的生日祝福网页, 发布上线,送给自己的家人。

8 节
系统课程
3 个
学习阶段
0 行
需要硬背的代码
1 个
孩子的上线作品

课程中会用到的工具与知识

TRAE 国内版
豆包大模型
DeepSeek
HTML 网页
CSS 样式
JavaScript 动效
中文提示词
一键发布上线
TRAE 国内版
豆包大模型
DeepSeek
HTML 网页
CSS 样式
JavaScript 动效
中文提示词
一键发布上线
TRAE 国内版
豆包大模型
DeepSeek
HTML 网页
CSS 样式
JavaScript 动效
中文提示词
一键发布上线
家长的顾虑

这些顾虑,您是否也有?

很多家长在了解课程之前,都提到过下面这些担心。

孩子一提编程就打退堂鼓

看到密密麻麻的英文代码就发怵,总说自己数学、英语不够好,不敢迈出第一步。

学校信息课只学皮毛

课本内容离“做出真东西”太远,孩子学了一个学期,也拿不出一个能给别人看的作品。

想让孩子接触 AI,无从下手

都知道 AI 越来越重要,可网上的课程要么太深,要么不适合中学生,家长自己也难辨别。

担心“学编程”变成“玩电脑”

希望孩子坐在电脑前是在动脑创造,而不是多了一个玩游戏、刷视频的理由。

课程特色

换一种方式:让 AI 帮孩子写代码

这门课不教孩子背语法,而是教孩子把想法说清楚,剩下的交给 AI。

用中文和 AI 对话

不背语法、不记单词。孩子把想法用中文说清楚,TRAE 就把代码写出来,孩子负责创意和判断。

当堂就能看到作品

每节课都有看得见的进度:第一节课就能看到网页,第五节课孩子的生日网页就能打开运行。

工具正规可靠

TRAE 国内版由字节跳动出品,手机号登录、国内直连,家里的电脑也能安装,课后可以继续练习。

公益课堂,安心参加

课程为公益性质,只面向本校学生开设,校外不开放。课件当堂发放,家长可随堂旁听。

孩子将做出的作品

一个会动、会响、能许愿的生日网页

每个功能都由孩子自己完成:把示范提示词说给 TRAE,当堂看到效果。

会吹蜡烛的生日蛋糕

页面正中间是一个大蛋糕,点一下蜡烛就“吹灭”,再点一下重新点亮。

示范提示词

帮我做一个生日网页,中间画一个三层蛋糕,插上蜡烛,点击蜡烛火苗就熄灭。

飘不完的彩色气球

五颜六色的气球从屏幕下方一直往上飘,点破一个还会再冒出来。

示范提示词

在网页背景加上彩色气球,从下往上慢慢飘,气球被点击时爆开消失。

满屏彩带礼花

打开网页的一瞬间,彩带从天而降,“生日快乐”四个大字弹跳着出场。

示范提示词

打开页面时播放彩带从天而降的动画,标题“生日快乐”要有弹跳出场效果。

生日快乐背景音乐

点击播放按钮,《生日快乐》就响起来,旁边的音符图标跟着节奏跳动。

示范提示词

加一个音乐按钮,点击后播放《生日快乐》,旁边的音符图标跟着节奏跳动。

专属祝福卡片

写上家人的名字和想说的祝福语,卡片可以翻转,背面藏着小惊喜。

示范提示词

做一张可以翻转的祝福卡片,正面写名字,翻过来显示我写的祝福语。

一键分享给家人

网页发布到互联网,生成二维码,家人扫一扫手机就能打开。

示范提示词

帮我把这个网页发布上线,并生成一个可以分享的链接和二维码。

课程安排

8 节课,从零基础到作品上线

每节课 40–45 分钟,当堂看到进度。不留难题,创意可以带回家继续。

第一阶段 · 打基础 · 认识工具
AI 编程是什么?和传统写代码有什么不同
现场演示:一句话让 AI 做出网页
认识我们的项目:生日祝福网页
课堂讨论:这个网页想送给谁?
第二阶段 · 动手做 · 创意实战
第三阶段 · 会改错 · 能发布
课堂工具

TRAE:字节跳动出品的 AI 编程工具

国内网络直接下载,手机号登录就能用,中文界面。内置豆包、DeepSeek 等国产主流 AI 大模型。

官方出品

TRAE 国内版

课堂使用的全部功能都在 TRAE 面向个人用户开放的范围内。 支持 Windows 10/11 和 macOS 12 以上,普通家用电脑、学校机房电脑都能安装。 AI 计算在云端完成,对电脑配置几乎没有要求。

手机号 / 抖音账号登录,国内直连
中文界面,中文对话
内置豆包、DeepSeek、Kimi、GLM 模型
SOLO 模式

说出需求,AI 自动规划任务、写代码、跑起来

Plan 计划模式

动手前先列任务清单,AI 的思路一目了然

DiffView 改动对比

清楚看到 AI 新增和修改了哪些代码

国产主流大模型

内置豆包、DeepSeek、Kimi、GLM 等国产模型

课程收获

8 节课后,孩子带走的不止一个网页

课程结束时,每个孩子都会完成并发布一个送给家人的生日祝福网页,同时带走下面这些能力。

一个送给家人的网页作品

结课时孩子的生日祝福网页已经发布上线,家人用手机扫码就能打开。

会指挥 AI 干活

学会写清晰的提示词,这个能力用在写作文、做 PPT、查资料上一样管用。

看得懂网页的构成

知道 HTML、CSS、JavaScript 各管什么,为将来深入学习编程打下基础。

不怕出错的胆量

亲手把程序弄坏再修好,明白报错并不可怕,那只是电脑在提醒哪里出了问题。

发布上线的经历

拥有一个属于自己的网址和二维码,体验“我的作品别人也能打开”的成就感。

创造者的自信

从“我不会”变成“我做出来了”,孩子敢主动动手尝试新工具。

关于讲师

一位喜欢看孩子把作品做出来的老师

比起讲一堆理论,黄老师更愿意带着孩子一起动手,当堂做出看得见的作品。

黄老师

AI 编程讲师

专注 AI 编程教学,带零基础的孩子用中文指挥 AI 写代码,做出属于自己的第一个网页作品。

上课风格

专注 AI 编程教学,方法简单、上手快

带过初中、高中多个班级的编程体验课

课堂全程中文,不要求英语基础

公益授课,课后作业不强制,创意任务全自愿

本校学生专属

只在本校开设的公益课

这门课不对校外开放,由学校统一安排,上课班级与时间以学校通知为准。

课程承诺
本校初高中学生专属,零基础即可参加
8 节系统课程,结课时孩子的网页发布上线
课件与提示词模板随堂发放
欢迎家长旁听,课堂全程公开
上课工具 TRAE 是字节跳动的官方产品
上课要准备什么?

一台电脑

Windows 10/11 或 macOS 12 以上,家用或机房电脑都行。

一个手机号

用来登录 TRAE,可以使用家长的手机号。

一个最想祝福的人

家人、同学或朋友都行,孩子的网页就是为这个人做的。

常见问题

家长关心的问题,都在这里

家长常问的几个问题,看完就放心了。

不可以。这是本校学生专属的公益课,目前只在本校开设,不对校外开放。上课班级与时间由学校统一安排,以学校通知为准。

课程目标

学完 8 节课,孩子能独立做出送给家人的生日祝福网页

有蛋糕、气球、音乐和孩子亲笔写下的祝福语,发布上线后, 家人用手机扫码就能打开。

本校初高中学生专属公益课 · 校外不开放