開始做之前・規劃頁面・免費
規劃網站有哪些頁面
30 秒懂
先想好網站有哪些頁面、每頁放什麼、從哪頁點到哪頁，就像蓋房子前先畫格局圖。頁面規劃好，AI 做出來的網站比較不會缺頁、連錯，或多做一堆用不到的頁面。
直接用
填好欄位，提示詞會自動組好，按「複製提示詞」貼給你的 AI 工具。
組好的提示詞
我要做的網站是「我的烘焙教室」，主要給想報名烘焙課的台中上班族用，最希望訪客做的事是：看完課程介紹就報名。請先不要寫程式，幫我規劃這個網站的頁面。 請列出需要哪些頁面，每頁用一句話說明用途。先只放必要的頁面，最多 8 頁。接著寫出每一頁由上到下要放哪些內容，例如標題、說明、圖片、按鈕；每個按鈕都要寫清楚按了會到哪一頁。 再整理頁面之間怎麼連：最上方的選單有哪些頁面、頁尾放什麼、手機上選單怎麼放，以及訪客從進到網站到完成「看完課程介紹就報名」要經過哪幾頁。 不確定的地方先問我，不要自己加會員、購物車這類我沒提到的功能。完成後請用清單整理給我看；如果你有存成檔案，告訴我檔名和我要怎麼確認。
這是預覽版，正式上架前會用主流 AI 工具實際測試。提示詞裡不要放密碼或金鑰；需要金鑰的地方，請 AI 改用環境變數。AI 做出來的結果，請照下面的清單自己確認。
怎麼確認 AI 做對了
- 照著規劃從首頁走一遍，完成目標不用點太多下，也不會走到死路。
- 每一頁都說得出用途，沒有用不到的頁面。
- 每個按鈕都寫了會到哪一頁，沒有按了不知道去哪的按鈕。
- 電腦版和手機版的選單、頁尾都有規劃到。
常見陷阱
- 頁面越列越多，第一版就想做十幾頁。
- 忘了「找不到這一頁」和「送出成功」這類小頁面。
- 只規劃了電腦版，手機上的選單擠成一團。
- 聯絡方式、隱私權政策這類放在頁尾的東西被漏掉。
同一個主題的其他提示詞
- 先做一版可以點的線框稿通行證
想懂更多
這個主題在Web App 實戰有完整的說明和練習。
