我們要做的網站：先把範圍縮到能完成

假設「拾光攝影工作室」由兩位攝影師經營，提供個人形象與小型品牌拍攝，已有少量作品照片，尚未建立網站。第一版的目的是讓訪客了解拍攝服務、查看作品並提出詢問；不提供線上付款，也不讓訪客直接鎖定檔期。這是教學用虛構設定，不是實際完成的客戶專案。

先限制範圍很重要。若一開始要求 AI 同時做商城、會員、預約、文章與行銷自動化，即使它一次生成很多頁面，你也可能無法確認每條路徑是否正確。這一版只需要首頁、服務、作品、關於與聯絡五種內容。

這次教學的交付順序
  1. 01需求單與頁面目的
  2. 02首頁文字與素材配置
  3. 03逐段修稿與手機閱讀
  4. 04表單、管理與上線驗收

先選工作方式，才知道 AI 產物放在哪裡

AI 架站大致可以分成平台內生成、在 WordPress 中協助編輯，以及生成程式檔。它們最後交付的東西不同，不能只比較第一次生成要幾分鐘。

平台型工具通常在自己的編輯器中產生網站；WordPress 路線要確認使用的主題、編輯器與外掛；程式生成則還需要部署位置、內容管理與後續維護安排。Wix 與 WordPress.com 有官方 AI 建站服務，但 WordPress.com 的代管方案，和自己下載 WordPress.org 放到主機上是不同路線。

試用時請完成三件小事：改一句服務介紹、換掉一張作品照片、存一篇草稿。接著確認正式網域、表單與匯出條件。費用與功能以你選擇的方案為準，不能把免費試用等同永久免費。

Wix 官方服務／WordPress.com 官方服務。

第一輪：把需求寫成可檢查的工作單

不要只給「簡約、有質感、專業」三個形容詞。它們無法告訴 AI 你服務誰、訪客需要哪些資訊，也不能限制它編造價格或客戶推薦。先把確定的事實與仍缺少的資料分開。

拿到結果後，先檢查有沒有偏離目標。例如 AI 自行增加「立即付款」頁面，就應刪除；若把作品與聯絡入口藏到很深，則要調整。這一輪只確認網站要說什麼，不急著對按鈕顏色做決定。

建議把確認後的服務名稱、頁面清單及不可捏造項目留在同一份文件。後續每輪都引用它，避免 AI 修改一頁時順便換掉整個品牌說法。

第二輪：從空泛口號，改成客人看得懂的首頁

以下是為教學編寫的修稿對照，用來示範怎麼批改，並非任何工具的實測輸出。

這段文字沒有說拍什麼、適合誰，還使用了沒有證據的「頂尖」。對只想知道是否能拍品牌商品的讀者，資訊量很低。可以改成：

新版沒有虛構價格、交付天數與成效，也把「預約」改成實際能完成的「詢問」。等工作室確認方案，再補上交付張數、修圖範圍、時間與取消條件。

本輪交付：首頁主標、服務簡介、作品說明、合作流程與聯絡引導。每段都要能回答一個問題；不要因為模板有六張卡片，就硬湊出六種沒有提供的服務。

AI 協助整理網站元件的情境插畫
AI 情境插畫，用於說明協作；不是實際工具畫面或客戶成果。

第三輪：用素材安排版面，不靠裝飾填空

攝影網站的照片本身就是重要內容。先挑能代表兩種服務的作品，為每張補上用途與工作範圍，再決定放成主視覺、並排作品或案例詳情。不要將 AI 生成的漂亮人像當成工作室拍攝成果。

首頁閱讀順序示意
  1. 01我是誰、適合誰
  2. 02兩類服務與作品
  3. 03合作方式與準備事項
  4. 04提出詢問

桌面可以把作品與說明放在左右兩側，手機則應確認先看到哪一項。照片裡的人物或產品不能因裁切消失；長標題要自然換行；按鈕文字需要明確，不要一排全部寫「了解更多」。

圖片上傳前調整尺寸並壓縮。作品照片的替代文字應描述與這一段有關的內容，例如「咖啡包裝與杯具的桌面情境拍攝」，而不是塞進「台北攝影推薦最佳」。比較表和流程圖則盡量保留網頁文字，手機才不需要放大一張充滿小字的圖片。

這一篇使用黑白文字流程圖，是為了解釋步驟，不假裝它是任何工具的操作截圖。真正需要教操作時，應使用你當前版本的實際畫面，並遮蔽客戶資料與金鑰。

第四輪：只修有問題的段落，避免越改越亂

假設首頁方向已確認，但合作流程仍然只有「洽談、拍攝、交付」三個詞。不要下令重做整站，而是提供問題位置、保留條件與完成標準。

合理的修稿可說明：先提供拍攝用途與預計時間，工作室確認需求後回覆合作範圍，雙方確認方案與時程才安排拍攝。但若你的實際流程不同，就要以你的流程為準。AI 不能替你決定商業條件。

每一輪存下修改前版本，核對是否只改指定範圍。若修字後手機按鈕被推到畫面外，這一輪就還沒有完成；文字與版面需要一起看。

第五輪：把「完成了」換成實際操作證據

當頁面都能打開，接著從客人的起點走一次：首頁看服務、作品看風格、聯絡頁填詢問、確認送出，再到後台和信箱核對。每個環節都成功，才算這條流程走通。

示例一：表單顯示成功，但工作室沒收到信。若表單有設計保存後台紀錄，先查是否留有紀錄；只寄信不保存的表單，應查看其送出結果與寄信紀錄。有紀錄時再檢查寄信與收件；沒有紀錄時先看提交過程。不要只是重做一個更漂亮的成功頁面。

示例二：電腦能看，手機找不到聯絡。檢查選單能否開關、固定工具列是否遮住內容，以及作品圖之後是否仍有下一步。手機驗收不是把電腦畫面縮小截一張圖就算完成。

示例三：網站交付後不會更新。請用管理者自己的帳號換一張照片、修改一段文字、儲存並預覽。做不到就要補上管理入口或交接教學，而不是只交一個正式網址。

若 AI 協助產生程式，仍需檢視與測試。涉及權限、付款或客戶資料時，請能檢查的人處理；沒有驗證的功能先不開放。GitHub 官方也提醒，程式建議可能不正確或不安全，不能直接把生成結果當成完成品。

最後留下四份資料，下次修改才接得上

第一份是確認過的需求單；第二份是正式使用的文字與素材來源；第三份是已測與未測的項目；第四份是管理、備份與維護方式。這四份資料不用寫成厚重報告，但要能讓未來的自己或接手者理解網站現況。

AI 最適合幫你縮短反覆起草與整理的時間。真正讓網站可用的，是有一份清楚需求、每輪都有範圍，以及對「已完成」要求可以看見的證據。先把一條小而完整的服務流程做通，再擴充下一個功能。

資料來源與延伸閱讀

資料查閱：2026-09-16。提示詞與工作流程為本站整理的實務建議；沒有宣稱曾用上述每個平台完成付費網站。