三小時做出「會存資料」的網站

課程背景: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 指向,手機也能打開。
註:本頁是一般性說明,著重概念與流程;實作細節將在課堂逐步完成。