課程背景:AI 已會生外觀,為什麼還要學?
因為「能用」跟「好看」是兩件事。AI 幾分鐘就能做出漂亮畫面,但若表單送出後資料沒有被保存、找不到,或作品沒辦法上線給別人用,那還是停在展示。這門課,就是為非工程師設計的最後一哩路:把畫面接上資料、真的放到網路上,手機也能用。
白話無專業名詞
生活情境示範
3 小時帶出成品
一、你可能也遇過這些情況
用 AI 生了頁面,但資料總是消失
表單送出後重整就不見。其實不是你不會,而是少了「資料倉庫」與「送資料的路」。
有畫面,卻不上線
作品卡在你的電腦裡,沒網址、沒 HTTPS,別人打不開、手機更不好用。
看很多影片,拼不起來
多是片段教學:要嘛只有外觀、要嘛講很深的程式。你需要的是能一口氣走完的「從無到有」。
卡錯誤不知道怎麼求助
你需要一套把錯誤訊息丟給 AI、請它修到能跑的「問法」。
二、關鍵差別:外觀 vs 能用
要能用,少不了這三件事
- 資料倉庫:表單資料有地方存,之後找得到。
- 把資料送進去:讓「送出」真的存到倉庫(而不是只在畫面)。
- 上線:有公開網址、HTTPS、安全地讓別人使用。
這門課怎麼做
- 白話一次帶過流程:建立倉庫 → 設計表單 → 連起來 → 上線。
- 示範怎麼跟 AI 溝通,拿到「可以直接貼上」的做法。
- 現場驗收:送出後,你的資料會立刻出現在列表。
三、這門課具體替你解決什麼
建一個「資料倉庫」
用可免費試用或低門檻的雲端服務,建立姓名/Email/留言等欄位的資料表。
把表單真的「接起來」
送出不是演戲:按下去就寫入倉庫,下方列表立即看見新資料。
幫你把作品「放上線」
設定公開網址與 HTTPS,課程內含協助申請你的專屬網址:
www.yourpersonaldomain.idv.tw
,完成 DNS 指向與基本設定,手機可直接使用。 卡關也能自救
教你把錯誤訊息貼給 AI 的標準問法,請它「修到能跑」,而不是只給建議。
四、誰最適合這門課?
- 想做自己的報名表、問卷、清單,不想受限平台樣式。
- AI 生過頁面,按送出後資料卻不見。
- 時間有限,希望最短時間做出能用的版本。
- 偏好用白話流程而非程式語法。
五、常見誤解 vs 事實
「AI 會做網頁,我就不用學」
AI 很會生外觀,但資料保存、上線、排錯仍需要你做決定與驗證。
「我不會寫程式,應該先放棄」
本課不要求背語法;按步驟做,重點在把每一步「接起來」。
「看免費影片就好」
影片多半是片段;缺少最後 20% 的整合與現場排錯,容易半途而廢。
「要用大型雲才專業」
入門先求簡單與成功;真的需要規模時,再考慮升級平台。
六、上課前要準備什麼?(很簡單)
基本裝備
- 可上網的電腦與 Chrome 或同級瀏覽器。
- 一個可免費試用的雲端帳號(課堂會提供連結)。
- 想要製作的情境(如報名表、單字練習、記帳等)。
心態提醒
- 先完成「能用」版本,再慢慢變漂亮。
- 遇到錯誤沒關係;我們會示範把訊息貼給 AI 修到能跑。
- 不要求背名詞,只要跟著流程走。
七、讀到這裡,你應該已經知道…
- AI 生得出外觀,但還差「資料保存」與「上線」。
- 要能用,必須:有資料倉庫、把資料送進去、並且上線。
- 這門課會用白話流程,帶你在 3 小時做出「送出即保存、即時顯示」的成品。
八、你可能還會問
可以。本課用白話與範例,不要求你背語法;跟著步驟做即可。卡關時會示範如何把錯誤貼給 AI 協助修正。
不需要。我們選用可免費試用或低月費的方案,先求成功再談擴充;日後真的需要更大規模,再考慮升級。
可以。課堂會協助你設定公開網址與 HTTPS,並協助申請你的專屬網址
www.yourpersonaldomain.idv.tw
,完成 DNS 指向,手機也能打開。註:本頁是一般性說明,著重概念與流程;實作細節將在課堂逐步完成。