The Course課程

Lesson Contents課程目錄

Two tracks. Web Design teaches you to build and publish your own websites with AI. Teaching Resources shows you how to make games, picture books, worksheets and more for your classroom. New here? Start with Web Design, Lesson 1.

兩條軌道。網頁設計教你用 AI 建立並發佈自己的網站;教學資源教你怎麼用 AI 做出遊戲、繪本、學習單等課堂素材。第一次來?從網頁設計第一課開始。

A

Web Design網頁設計

Make a real website with AI — and put it online yourself.用 AI 做出真正的網站——並自己把它放上線。

LESSON
01
Beginner入門

Publish Your First Website on GitHub把你的第一個網站發佈到 GitHub

Create a GitHub account, make a repository, upload an AI-made HTML file, and share a live link.

註冊 GitHub 帳號、建立 repo、上傳 AI 做的 HTML、發佈可分享的網址。
LESSON
02
Intermediate進階

Where Does the HTML Come From?HTML 到底是怎麼來的?

How AI makes your HTML, and how to manage a 20-page site — agent (Claude Code) vs non-agent (Gemini).

AI 怎麼生出 HTML、20 頁的網站怎麼管理——代理人(Claude Code)與非代理人(Gemini)。
LESSON
03
Choosing怎麼選

Why I Don't Use Google Sites為什麼我不選用 Google Sites?

Google Sites is easy — but for a real, growing site it boxes you in. An honest comparison.

Google Sites 很簡單——但要做會成長的真網站,它會把你框住。誠實的比較。
LESSON
04
Going further進階應用

Get Your Own Domain擁有你自己的網域

Buy a domain (registrars compared) and point its DNS at your GitHub site — with free HTTPS.

買網域(各家比較)、把 DNS 指向你的 GitHub 網站——還有免費 HTTPS。
B

Teaching Resources教學資源

Make classroom materials with AI — games, books, worksheets and more.用 AI 做課堂素材——遊戲、繪本、學習單等等。

Interactive Educational Games互動式教育遊戲

Turn a lesson into a game students can click — matching, quizzes, flashcards. Agent vs non-agent.

把一課變成學生能點的遊戲——配對、測驗、字卡。代理人與非代理人做法不同。

Picture Books繪本

Make an illustrated story with Gemini's Picture Book Gem — words and pictures together.

用 Gemini 的 Picture Book Gem 做出有插圖的故事——文字和圖畫一起生成。

Worksheets for Every Level分級學習單製作

Generate a worksheet at any level — it's mostly just asking well. A prompt recipe you can reuse.

產出任何程度的學習單——其實就是把指令下好。給你可重複用的提示詞配方。

Differentiated Teaching差異化教學

One topic, many versions — have AI produce lesson plans and worksheets for different learners.

一個主題、多種版本——讓 AI 為不同的學生產出不同的教案與學習單。

Free Resources & Festivals免費資源與節慶教學

You don't have to make everything — ready-made bilingual resources (and festival themes) already exist.

不用什麼都自己做——現成的雙語資源(含節慶主題)早就有了。

More resources on the way.更多資源陸續增加中。