不需要會寫程式，不需要學過設計——只要會說話，就能做出漂亮的網頁。
開始學習 →不管你習慣用哪一套 AI 工具，這裡教的方法都能直接套用。
包括 Google Gemini、ChatGPT、Claude 等——只要是能和你對話的 AI，都可以用同樣的方式請它幫你做網頁。換一套工具，照著一樣的邏輯說話就好。
這個時代，你不需要學程式
只要會「說話」，就能做出一個精美的網頁。
自然語言就是你的工具，AI 是你的工程師。
開始之前，你需要有一個 Claude 帳號。以下是三個入口，選一個就好。
直接用瀏覽器打開 claude.ai，註冊帳號（用 Google 或 Email 都可以）就能馬上開始用。免費版每天有使用次數限制，做網頁一般夠用。
iOS 和 Android 都有官方 App，功能和網頁版一樣。不過做網頁的提示詞通常比較長，用電腦打字會方便很多。
如果免費版次數不夠用，可以升級 Pro 方案，使用次數大幅增加，還能用最新最強的模型。做比較複雜的網頁時效果更好。
這是新手最容易卡住的地方，圖解給你看：
這個灰底區塊就是你的網頁。右上角有「Copy」按鈕，點一下就複製全部，不需要手動選取。
就是電腦內建的那個最基本的文字工具，不需要裝任何軟體。
存檔時記得把檔名改成 index.html，副檔名一定要是 .html，不能是 .txt。
你的網頁就出現了！如果要修改，回去找 Claude 說你想改哪裡，拿到新的程式碼再重複這個步驟。
先了解幾個關鍵詞，後面讀起來會順很多。
決定一個網頁上有什麼東西——標題、段落、圖片、按鈕放在哪。就像蓋房子先打鋼筋水泥的框架。
決定字體顏色、背景色、間距、動畫效果……讓骨架變得好看。就像幫房子裝潢貼磁磚刷油漆。
點按鈕後跳出視窗、輪播圖片、送出表單——這些互動行為都靠它。就像讓房子裡的電燈可以開關。
現在所有網站預設都用 HTML5，支援影片、音訊、更豐富的互動功能。只要叫 Claude 做 HTML 就會自動用它。
整個過程超簡單，就四個步驟。
告訴 Claude 網頁的用途、風格、內容——就像和朋友說話一樣，不需要任何技術語言。
Claude 會把你說的話翻譯成 HTML + CSS + JavaScript，輸出一個完整的網頁檔案。
把 Claude 輸出的內容複製起來，用「記事本」或任何文字編輯器貼上，儲存時把副檔名改成 .html。
雙擊剛才存的 .html 檔案，Chrome 或 Edge 就會直接把它當網頁打開，你的網站就出現了。
「提示詞」就是你對 Claude 說的話。寫得越清楚，網頁就越符合你的期待。
把下面這個範本複製過去，填入你的資訊，直接丟給 Claude 就搞定。
假設你要做一個「攝影師個人作品集」：
Claude 會給你一段程式碼，三種方法都能讓你馬上看到完成的網頁。
複製 Claude 給你的程式碼 → 打開電腦的「記事本」(Windows) 或「文字編輯器」(Mac) → 貼上 → 儲存時檔名取 index.html → 雙擊用瀏覽器打開。
⭐ 最推薦的方式打開 codepen.io → 在 HTML 欄位貼上程式碼 → 右下方馬上就能看到預覽。不需要存檔，直接在瀏覽器看。
免費下載 VS Code 編輯器 → 安裝「Live Server」外掛 → 打開 .html 檔案後按 Go Live，每次儲存後自動更新預覽。（適合常常需要修改的人）