- 登入
- 註冊
ChatGPT Sites 教學：一段提示詞做出課程學員資源網站，手機和長輩都好用（附完整提示詞）
內容目錄
顯示
一門課結束，教材通常散在三個地方：LINE 群組、雲端資料夾、簡報最後一頁。學員要找的時候，群組早就被洗到看不見，雲端連結又要登入，年紀大一點的學員乾脆放棄。
我現在的做法是用 ChatGPT Sites 做一個課程學員資源網站：簡報、指令卡、工具下載、課堂用到的網站，全部照上課順序排在一頁，手機打開就能用。下面是我用的完整提示詞，可以直接複製，後面再一段一段拆開說明為什麼這樣寫。
TL;DR 重點摘要
課程學員資源網站把簡報、指令卡、工具與外部網站整理在一個網址，學員下課後不用翻群組找檔案。
提示詞分六個區塊：課程資料、教材來源、頁面內容、手機與長輩友善、互動功能、檢查與交付。
友善規格要寫數字：內文與按鈕至少 20px、按鈕高度至少 56px，AI 才不會自己解讀「大一點」。
明確要求 AI 不要編造下載網址、無法實測就直說，避免拿到看起來完整卻點不開的網站。
發給學員前，自己用手機把每個按鈕點一次，雲端檔案用沒登入的瀏覽器測權限。
什麼是課程學員資源網站
課程學員資源網站是講師為一門課整理的單頁網站，把教學簡報、操作講義、指令卡、工具下載與課堂使用的外部網站，依上課順序集中在同一個網址。學員用手機就能下載檔案、複製指令，不必在通訊群組或雲端資料夾裡翻找。用 ChatGPT Sites 製作時，只要一段提示詞加上教材檔案，就能產生並發布這類網站。
為什麼講師需要一個學員資源網站
課後學員最常卡的不是內容，是找東西。簡報在哪下載、剛剛那段指令要去哪裡複製、老師說的那個網站叫什麼名字。這些問題一次一次回，講師累，學員也不好意思一直問。
把資源收進一個網站，等於替學員做好一張「課後地圖」。上課時投影這個網址，下課後它就是學員的入口。對不熟數位工具的學員更重要：他們不需要學會用雲端資料夾，只要會點按鈕。
還不清楚 ChatGPT Sites 是什麼、哪些方案能用，可以先看ChatGPT Sites 介紹這篇。
完整提示詞：課程學員資源網站
使用前，把【】裡的內容換成你自己的課程資訊，再連同教材檔案和連結一起貼給 ChatGPT。
提示詞範本｜課程學員資源網站
請使用 Sites，直接幫我製作一個「課程學員資源網站」。
【課程資料】
課程名稱：【填入課程名稱】
講師名稱：【填入講師名稱】
學員對象：【例如：45～75歲、不熟悉數位工具的學員】
視覺風格：【例如：簡單、溫暖、清楚】
【教材來源】
請整理我上傳的檔案與提供的連結，包含：
1. 教學簡報
2. 指令卡或操作講義
3. 工具、Skill 或範例下載
4. 課堂會使用的外部網站
依照教材內容分類，並按照上課使用順序排列。缺少檔案或連結時，先完成其他部分，再集中告訴我缺少哪些資料；不要編造下載網址。
【頁面內容】
每個項目只保留：「圖示＋名稱＋一句簡短說明＋明確的操作按鈕」。
按鈕請直接寫「下載簡報」「下載工具」「開啟網站」等具體動作。
整體文字精簡，不需要長篇介紹、常見問題或額外宣傳區塊。
【手機與長輩友善】
以手機操作為優先，手機使用單欄排列。
固定使用放大字級，不需要字級切換。
內文至少20px，按鈕文字至少20px。
按鈕點擊區高度至少56px，項目之間保留充足間距。
使用高對比文字與背景，避免淺灰小字。
不需要滑鼠移上去才看得到功能。
不出現橫向捲動，長檔名也不能超出畫面。
【互動功能】
若教材包含需要學員輸入的指令，提供「一鍵複製」按鈕，複製成功後顯示清楚提示。
其他互動只加入對上課有幫助的功能，保持操作簡單。
【檢查與交付】
請檢查下載連結、複製功能與手機排版。
若無法實測某個項目，明確說明，不要聲稱已驗證。
檔案若需要登入或存取權，請提醒我。
完成後發布為有連結即可瀏覽的網站，並提供網站網址。
拆解提示詞：六個區塊各自在防什麼
這段提示詞看起來很長，但每一段都對應一個 AI 很容易做歪的地方。知道它在防什麼，換成別的網站也改得動。
課程資料：學員對象決定整個設計
四個欄位裡最重要的是「學員對象」。寫上年齡層和數位熟悉度，AI 才會往大字、少字、按鈕清楚的方向做。只寫課程名稱，它通常會給你一個好看但字很小的科技風頁面。
教材來源：照上課順序排，而且不准編網址
「按照上課使用順序排列」讓網站跟著課程走，學員上到第三段，往下滑就找得到第三段的東西。
「不要編造下載網址」是整段提示詞裡最不能省的一句。AI 遇到缺檔案的項目，很習慣先放一個看起來合理的連結把版面補滿。網站外觀完整，學員一點卻是錯誤頁。所以我改成讓它先把能做的做完，再集中回報缺什麼，我一次補齊。
頁面內容：一個項目只放四樣東西
圖示、名稱、一句說明、一個按鈕。不給這個限制，AI 會很熱心地加課程介紹、講師簡介、常見問題，資源頁就變成招生頁。
按鈕文字也要指定。「點我」「查看」對熟悉網路的人沒差，對長輩來說，「下載簡報」和「開啟網站」才知道按下去會發生什麼事。
手機與長輩友善：寫數字，不寫形容詞
「字大一點」「按鈕好按一點」，AI 每次的解讀都不一樣。直接給數字，它就沒有空間自由發揮。這一段每一條都有對應的狀況：
| 提示詞寫法 | 它在避免的狀況 |
| 手機單欄排列 | 兩三欄卡片擠在小螢幕上，字被壓到很小 |
| 固定放大字級，不要切換 | AI 做了「A+ A-」按鈕，長輩不知道要按 |
| 內文與按鈕至少 20px | 預設 14 到 16px 的字，老花眼看不清楚 |
| 按鈕高度至少 56px | 按鈕太扁，手指一按就點到隔壁 |
| 高對比，避免淺灰小字 | 設計感很好的淺灰說明文字，戶外或螢幕調暗就看不到 |
| 不靠滑鼠移入顯示功能 | 手機沒有滑鼠，藏在 hover 裡的按鈕根本出不來 |
| 不橫向捲動，長檔名不爆版 | 一個很長的英文檔名把整頁撐寬，學員要左右滑才看得到按鈕 |
56px 這個數字留了餘裕。國際無障礙規範 WCAG 對觸控目標的加強建議是至少 44 × 44 像素，給手指不靈活的長輩再放大一些，比較不會誤觸。
互動功能：一鍵複製，加上看得到的成功提示
如果課程有指令要學員貼進 AI 工具，手機上長按選字是最容易出錯的一步，常常少選一行或多選一段。一鍵複製可以把這一步拿掉。
「複製成功後顯示清楚提示」也要寫進去。沒有提示，學員不確定有沒有複製到，就會一直按。最後一句「只加入對上課有幫助的功能」，是在擋 AI 加搜尋框、深色模式、動畫這些用不到的東西。
檢查與交付：要 AI 說實話
AI 做完常常會說「已完成檢查，一切正常」。但它不一定真的點過每個連結，也沒辦法用你學員的手機開。所以提示詞裡要求它：沒測到的項目就直說，不要說已驗證。
「檔案若需要登入或存取權，請提醒我」是在抓雲端權限。簡報放在 Google 雲端硬碟，你自己點得開，是因為你登入著；學員點開卻跳出「需要存取權」，這是課後最常見的抱怨。
這種「先講清楚標準、讓 AI 把做不到的說出來」的寫法，跟我在AI 溝通術裡整理的拆解細節是同一個邏輯。
在 ChatGPT Sites 的操作順序
| 01 |
在電腦上打開 Work。網頁版選 Work，桌面版 app 選 Work 或 Codex。 |
| 02 |
貼上提示詞，一起附上教材。簡報、講義檔案直接上傳，雲端連結和外部網站網址貼在提示詞後面。 |
| 03 |
看它回報缺什麼，一次補齊。把缺的檔案或連結補給它，請它更新。 |
| 04 |
看預覽，用對話修改。順序不對、說明太長、按鈕文字不清楚，直接講要改哪裡。 |
| 05 |
存版本，分享設定選公開，再發布。學員多半沒有 ChatGPT 帳號，設成公開才能不登入就打開。 |
設成公開之前要想清楚：拿到網址的人都看得到。付費課程的完整教材，可以只放學員需要的部分，或確認檔案本身另外有權限控管。
發給學員前，用手機檢查這五件事
- 每個按鈕點一次。下載有沒有真的下載到檔案，外部網站有沒有開對頁面。
- 用沒登入的瀏覽器開雲端檔案。手機開無痕模式測，才看得到學員看到的權限畫面。
- 複製指令貼到記事本。確認內容完整，沒有少頭少尾或多出奇怪的符號。
- 從頭滑到尾。確認沒有左右晃動，長檔名有沒有好好換行。
- 找一位學員年齡層的人試用。家人或朋友都可以，看他不經說明能不能自己找到簡報、按下下載。
同一段提示詞，還能改成哪些網站
這段提示詞的骨架其實是「給一群特定的人，把散落的資源整理成一頁」。把課程資料換掉，就能套到別的場合：企業內訓的課後資源頁、新進員工的入職資料頁、活動的參加者手冊、交付給客戶的素材下載頁。
要改的通常只有兩個地方：「學員對象」換成實際的使用者，「教材來源」換成那個場合會用到的資料類型。手機友善和檢查交付這兩段，我幾乎每次都原封不動保留。
常見問題
Q 用 ChatGPT 免費版可以做課程資源網站嗎？
不行。ChatGPT Sites 只開放給 Plus、Pro 與有開放此功能的 Business、Enterprise 工作區，Free 和 Go 方案無法使用。
Q 學員打開網站需要 ChatGPT 帳號嗎？
分享設定選公開，學員不用登入就能打開。如果只分享給特定的人，對方需要用受邀的 ChatGPT 帳號登入，對學員來說門檻比較高。
Q 學員點下載卻跳出需要存取權，怎麼辦？
問題在檔案本身的權限，不在網站。把雲端檔案的共用設定改成「知道連結的人都能檢視」，再用無痕模式重新測一次。
Q 長輩友善的網頁，字要多大？
我的設定是內文與按鈕文字至少 20px、按鈕點擊區高度至少 56px，搭配單欄排列與高對比配色。重點是寫成明確數字，不要只說「大一點」。
Q 這段提示詞可以用在其他 AI 工具嗎？
提示詞的結構通用，拿到其他 AI 工具也能做出網頁。差別在發布：要有能託管並產生分享網址的功能，學員才打得開。把第一句的「請使用 Sites」改成該工具的對應功能即可。
好用的網站，是替使用者先想好的網站
這段提示詞真正花心思的地方不是技術，是站在學員的位置想：他會用什麼手機看、會卡在哪一步、看到什麼字才知道要按。這些想清楚寫下來，AI 做出來的網站就會是學員真的用得上的那種。
工具誰都能用，替使用者想好的那幾句話，才是差別。
想把 AI 用進你的課程、行銷或團隊日常，卻不知道從哪裡開始？我以 AI 行銷應用顧問的角色，陪你從實際工作流程出發，找出最值得先用 AI 處理的環節。
關於作者
|
紀澄 Abby Chi
AI 商業影音講師 / 社群營運顧問
雲時代數位有限公司執行長，16 年品牌行銷實戰經驗。顧問專業領域涵蓋 AI 營運系統應用、品牌年度行銷策略、AI 商業廣告、Meta 社群營運策略、個人品牌經營。提供一對一諮詢服務，歡迎聯絡。 帶領團隊榮獲 行銷傳播傑出貢獻獎金獎、廣告流行語金句獎 4 座。
|
