課堂進度
第 1 站 認識 Vibe Coding 未完成第 2 站 選擇網站主題 未完成第 3 站 生成第一版網站 未完成(現在這一站)第 4 站 網站升級 未完成第 5 站 Debug 網站修理站 未完成第 6 站 五項網站快檢 未完成第 7 站 Padlet 星光作品展 未完成第 8 站 成果分享及頒發證書 未完成
0/8 站完成
第 3 站/8⏱ 20–30 分鐘未開始
生成第一版網站
六問網站藍圖 → 貼入 Lovable
🎯 這一站要達成
完成六問網站藍圖,把完整提示詞貼入 Lovable,成功生成第一版網站。
完成後你會擁有:一個真正可以打開的網站第一版。
🧭 本站路線
先完成下方活動,最後在頁底確認及蓋章。
0/3
- 1完成下面六問網站藍圖,並複製生成的完整提示詞。
- 2登入 Lovable,按 Create New App,貼上提示詞送出。
- 3等畫面出現後,由上到下看一次自己的網站。
六問網站藍圖
答齊六題,下面會自動組成完整提示詞。
我想做一個「(網站名稱)」的網站,給(給誰看)觀看,用途是(用途)。網站要有導航列、一個大大的歡迎區塊、(內容),並加入(互動),最底有頁尾。整體風格要(風格),文字要大、對比要高,手機和 iPad 上也要好看。
Lovable 四步成功卡
新手示範提示詞
我想做一個「我的溫習時間表」網站,給小五學生使用。網站要有:頂部導航列(時間表、目標、獎勵);一個歡迎區塊,寫住「今個星期一起加油」和一個「開始溫習」按鈕;中間一個星期一至日的時間表,每日可以寫三項功課;下面 3 張卡片放我的三個學習目標;最底有頁尾寫我的名字。風格要清新薄荷綠配白色圓角卡片、大字、橙金色重點,手機上也要好看。
✅ 完成確認(0/3)
做到一項才剔一項;剔齊後便可在下面蓋章去下一站。
