教師的程式小助手:3步驟建立教材與互動網頁

在教育現場,許多老師常需要製作教學素材或互動網站。以往我們可能依賴 Canva 等相關工具,但若有一天這些平台開始收費,學校又經費有限,該怎麼辦?阿貴校長開發 AI 小助手並建立基礎的伺服器環境,讓老師們也能自己打造教學網站。

透過阿貴校長 AI 助手,老師可以將教學想法快速轉化為互動教材,讓學生在課堂中以遊戲化方式探索知識。圖:阿貴校長FB

透過阿貴校長 AI 助手,老師可以將教學想法快速轉化為互動教材,讓學生在課堂中以遊戲化方式探索知識。圖:阿貴校長FB

本文重點摘要

當教師不再受限於單一平台,而能靠著自己的想法結合 AI 助手完成作品時,教學的可能性將大大擴展。教材不再只是制式化的模組,而能真正貼合學生的學習需求。以下分享三個步驟,就能打造自己的教學互動網站:

1.提出設計想法(Prompt)

例如:

我是國小老師,我想製作一個可以讓小學生使用的數學網站,讓我的學生能學會加法,像是什麼是加法?1+1、7+3、20 以內加法、100 以內的進位加法、如何用十進位拆解心算(例如 17+5=10+7+5),以及加法的交換律與生活應用題。這個網站需要足夠的互動性、使用者介面要非常可愛豐富、圖片色彩鮮明,答對答錯都有音效。小朋友都喜歡探險,我想把主題設計成「太空探險」,加入會陪伴小朋友學習的太空夥伴角色(小小太空人、機器狗、星際導遊),搭配行星任務關卡、積分、獎章與獎盃,讓孩子在完成任務時有成就感。

這樣的描述,就是一個完整的「教學需求腳本」。老師即使不熟程式語言,也能藉由文字清楚表達自己的需求。

2.交給 AI 小助手(GPT)

只要把上述想法直接複製貼到「阿貴校長的教育現場常用程式撰寫小助手」GPT 模型中,它就能自動產生網站程式碼。技術細節就交給小助手來處理,老師們只需要把心力放在教學設計與創意發想上。

阿貴校長的教育現場常用程式撰寫小助手GPT。

3.上傳到伺服器

如果個人有一個簡單的 LAMP 架構伺服器(Linux + Apache + MySQL + PHP),就能輕鬆把 AI 產生的網站上傳並啟用。幾分鐘內,一個專屬於自己班級的互動學習網站就完成了!

成品展示網頁:https://go.emaker.tw/uploads/20250823_194013_.html

數學互動網站:太空探險。

為什麼值得嘗試?

  • 減輕教師工作量:老師專注在教學構想,技術交給 AI。
  • 成本低:不依賴收費平台,完全由自己掌控。
  • 客製化高:教材內容、主題設計都能依需求快速修改。
  • 學生更有動力:互動式介面、遊戲化關卡,能讓學習變得更有趣。



你還記得上一次在電腦前,花了多少時間嗎?
也許你曾在深夜對著螢幕嘆氣,或在下課鐘響後,依然埋頭趕著行政工作…
如果能幫你把那些零碎又耗時的流程變簡單,會不會更輕鬆呢?

數位應用kit包

精選教師數位應用工具!

「數位新手」輕鬆入門,找到專屬數位工作術!

教師日常工具及省力操作推薦
step by step 操作示範
AI提示詞示範

延伸閱讀

蔡明貴 蔡明貴

蔡明貴

新北市三重區永福國小校長

多年來編寫國民小學科技教育及資訊教育課程發展,並於全國極力推動。協助全國校園中建構數位化學習環境,並於資訊輔導能力提升資訊教育方面協助國內多位校長取得 Google GCE Level1 、Apple認證。積極與國內、外產業界合作,包括國家教育研究院校長數位學習教學指引專案與微軟、Google、Apple共同辦理相關校長專案研習。教育理念:創新思考、終身學習、全球移動。

翻轉教育電子報

訂閱翻轉教育電子報(每週三發送)

每週精選國內外教育報導,提供給關心教育的你

分享