跳到主要內容
FutureBuilder JX · 校園課堂
本校國高中學生專屬 · 校外不開放

不用背程式碼,孩子用 AI 做出生日祝福網頁

孩子把想法用說的講清楚,字節跳動的 AI 程式設計工具 TRAE 負責寫程式碼。8 堂課學完,孩子能獨立做出一個有蛋糕、氣球和音樂的生日祝福網頁,發布上線,送給自己的家人。

8
堂系統課程
3
個學習階段
0
行要硬背的程式碼
1
件上線作品

課程中會用到的工具與知識

TRAE 國內版Doubao 豆包模型DeepSeekHTML 網頁CSS 樣式JavaScript 動態效果口語提示詞一鍵發布上線TRAE 國內版Doubao 豆包模型DeepSeekHTML 網頁CSS 樣式JavaScript 動態效果口語提示詞一鍵發布上線TRAE 國內版Doubao 豆包模型DeepSeekHTML 網頁CSS 樣式JavaScript 動態效果口語提示詞一鍵發布上線
家長的顧慮

這些顧慮,您是不是也有?

很多家長在了解課程之前,都提過下面這些擔心。

孩子一聽到寫程式就退縮

看到滿螢幕密密麻麻的英文程式碼就發怵,老說自己數學、英文不夠好,不敢跨出第一步。

學校資訊課只學到皮毛

課本內容離「做出真的東西」太遠,孩子學了一個學期,也拿不出一件能給別人看的作品。

想讓孩子接觸 AI,卻不知從何下手

都知道 AI 越來越重要,但網路上的課程不是太深,就是不適合中學生,家長自己也難分辨。

擔心「學寫程式」變成「玩電腦」

希望孩子坐在電腦前是在動腦創作,而不是多了一個打電動、滑影片的理由。

課程特色

換一種方式:讓 AI 幫孩子寫程式碼

這門課不教孩子背語法,而是教孩子把想法講清楚,剩下的交給 AI。

用說的跟 AI 對話

不背語法、不記單字。孩子把想法講清楚,TRAE 就把程式碼寫出來,孩子負責創意與判斷。

當堂就看得到作品

每堂課都有看得見的進度:第一堂課就能看到網頁,第五堂課孩子的生日網頁就能打開執行。

工具正規可靠

TRAE 國內版由字節跳動推出,手機號碼登入、直接下載,家裡的電腦也能安裝,課後可以繼續練習。

校內開設,安心參加

課程只對本校學生開設,校外不開放。教材當堂發放,家長可隨堂旁聽。

孩子將做出的作品

一個會動、會響、能許願的生日網頁

每個功能都由孩子自己完成:把示範提示詞說給 TRAE 聽,當堂看到效果。

會吹蠟燭的生日蛋糕

頁面正中間是一個大蛋糕,點一下蠟燭就「吹熄」,再點一下重新點亮。

示範提示詞

“幫我做一個生日網頁,中間畫一個三層蛋糕,插上蠟燭,點蠟燭時火苗就熄滅。”

飄不完的彩色氣球

五顏六色的氣球從螢幕下方一路往上飄,戳破一顆還會再冒出來。

示範提示詞

“在網頁背景加上彩色氣球,從下往上慢慢飄,氣球被點到時爆開消失。”

滿螢幕彩帶禮花

打開網頁的一瞬間,彩帶從天而降,「生日快樂」四個大字彈跳著出場。

示範提示詞

“打開頁面時播放彩帶從天而降的動畫,標題「生日快樂」要有彈跳出場的效果。”

生日快樂背景音樂

按下播放鍵,《生日快樂》就響起來,旁邊的音符圖示跟著節奏跳動。

示範提示詞

“加一個音樂按鈕,按下後播放《生日快樂》,旁邊的音符圖示跟著節奏跳動。”

專屬祝福卡片

寫上家人的名字和想說的祝福語,卡片可以翻面,背面藏著小驚喜。

示範提示詞

“做一張可以翻面的祝福卡片,正面寫名字,翻過來顯示我寫的祝福語。”

一鍵分享給家人

網頁發布到網路上,產生 QR Code,家人掃一下手機就能打開。

示範提示詞

“幫我把這個網頁發布上線,並產生一個可以分享的連結和 QR Code。”

課程安排

8 堂課,從零基礎到作品上線

每堂課 40–45 分鐘,當堂看到進度。不留難題,創意可以帶回家繼續。

第一階段 · 打基礎 · 認識工具
AI 寫程式是什麼?和傳統寫程式碼有什麼不同
現場示範:一句話讓 AI 做出網頁
認識我們的專案:生日祝福網頁
課堂討論:這個網頁想送給誰?
第二階段 · 動手做 · 創意實戰
第三階段 · 會除錯 · 能發布
課堂工具

TRAE:字節跳動推出的 AI 程式設計工具

直接下載,手機號碼登入就能用,中文介面。內建 Doubao(豆包)、DeepSeek 等主流 AI 大型模型。

官方推出

TRAE 國內版

課堂使用的全部功能都在 TRAE 對個人使用者開放的範圍內。支援 Windows 10/11 和 macOS 12 以上,一般家用電腦、學校電腦教室的機器都能安裝。AI 運算在雲端完成,對電腦配備幾乎沒有要求。

手機號碼 / 抖音帳號登入,連線直達
中文介面,中文對話
內建 Doubao、DeepSeek、Kimi、GLM 模型

SOLO 模式

說出需求,AI 自動規劃任務、寫程式碼、跑起來

Plan 計畫模式

動手前先列任務清單,AI 的思路一目了然

DiffView 變更對照

清楚看到 AI 新增和修改了哪些程式碼

主流大型模型

內建 Doubao、DeepSeek、Kimi、GLM 等模型

課程收穫

8 堂課後,孩子帶走的不只一個網頁

課程結束時,每個孩子都會完成並發布一個送給家人的生日祝福網頁,同時帶走下面這些能力。

一件送給家人的網頁作品

結課時孩子的生日祝福網頁已經上線,家人用手機掃 QR Code 就能打開。

會指揮 AI 做事

學會寫清楚的提示詞,這個能力用在寫作文、做簡報、查資料上一樣管用。

看得懂網頁的組成

知道 HTML、CSS、JavaScript 各管什麼,為將來深入學程式打下基礎。

不怕出錯的膽量

親手把程式弄壞再修好,明白錯誤訊息並不可怕,那只是電腦在提醒哪裡出了問題。

發布上線的經驗

擁有一個屬於自己的網址和 QR Code,體驗「我的作品別人也打得開」的成就感。

創作者的自信

從「我不會」變成「我做出來了」,孩子敢主動動手嘗試新工具。

關於講師

一位喜歡看孩子把作品做出來的老師

比起講一堆理論,黃老師更願意帶著孩子一起動手,當堂做出看得見的作品。

黃老師

AI 程式設計講師

專注 AI 程式設計教學,帶零基礎的孩子用說的指揮 AI 寫程式碼,做出屬於自己的第一件網頁作品。

上課風格

專注 AI 程式設計教學,方法簡單、上手快

帶過國中、高中多個班級的程式體驗課

課堂全程中文,不要求英文基礎

課後作業不強制,創意任務全自願

本校學生專屬

只在本校開設的課程

這門課不對校外開放,由學校統一安排,上課班級與時間以學校公告為準。

課程承諾
本校國高中學生專屬,零基礎即可參加
8 堂系統課程,結課時孩子的網頁已經上線
教材與提示詞範本隨堂發放
歡迎家長旁聽,課堂全程公開
上課工具 TRAE 是字節跳動的官方產品
上課要準備什麼?

一台電腦

Windows 10/11 或 macOS 12 以上,家用或電腦教室的機器都可以。

一支手機號碼

用來登入 TRAE,可以用家長的手機號碼。

一個最想祝福的人

家人、同學或朋友都行,孩子的網頁就是為這個人做的。

常見問題

家長關心的問題,都在這裡

家長最常問的幾個問題,看完就放心了。

不行。這是本校學生專屬的課程,目前只在本校開設,不對校外開放。上課班級與時間由學校統一安排,以學校公告為準。

課程目標

學完 8 堂課,孩子能獨立做出送給家人的生日祝福網頁

有蛋糕、氣球、音樂和孩子親筆寫下的祝福語,發布上線後,家人用手機掃 QR Code 就能打開。

本校國高中學生專屬 · 校外不開放