視覺素材生成
使用 ChatGPT 生成具備一致色調的飛機窗景、雲海與地標圖像。
I Built $10000 Website With Free AI Tools In 15 Minutes || No Coding || Free Resources
✓ 這篇在你的庫裡
在摘要庫開啟 →
這部在講什麼教學
示範如何利用多款免費 AI 工具，在不撰寫代碼的情況下，打造具備全捲動動畫的高質感旅遊網站。
適合誰想快速建立動態網頁的非技術開發者或設計師。
你會學會無代碼捲動動畫製作技巧、AI 工具組合應用路徑、自動化網頁設計與排版實務。
最值得看6:13 示範 AI 如何根據圖片序列自動生成流暢捲動程式碼。
實作路線
照著做的重點意義優先，時間戳用來導航
動態轉場製作
透過 Flow AI 將靜態圖轉為相機穿梭雲層的平滑影片，作為網頁背景。
序列影格轉換
利用 Ezgif 將影片拆解為 JPG 序列，這是實現「捲動控制動畫」的核心前置。
AI 輔助開發環境
在 Antigravity IDE 中直接拖放影格，讓 AI 自動完成複雜的 Scroll Animation 邏輯。
版面結構還原
將 Pinterest 設計參考圖傳給 Google AI Studio，自動轉化為可用的網頁佈局與代碼。
內容與細節優化
運用 ChatGPT 產出文案，並讓 AI 加入懸停與進場微動效，提升專業感。
看完可以做什麼
安裝 Antigravity IDE，並嘗試用 ChatGPT 生成三張連續場景圖來練習製作首頁捲動效果。需要留意：Antigravity IDE 處理雲端圖片 URL 的效能優於本地檔案；AI 生成的排版若有偏移，需透過對話指令進行 2-3 次精確微調。
生成於 2026-07-15
檢舉
觀眾怎麼看
整理 39 則有效留言信心 高觀眾對 AI 網頁設計教學反應熱烈，但高度質疑其商業價值與實際效能。
多數觀眾希望創作者能公開影片中使用的 AI 提示詞（Prompts），以便自行練習與應用。
觀眾擔憂大量圖片導致的載入速度、行動裝置適配性，以及後續的維護成本與功能擴充問題。
部分觀眾質疑影片標題宣稱的「萬元網站」價值，認為此類設計難以在現實市場中獲得客戶買單。
有觀眾指出免費版 AI 工具存在生成次數限制，且認為此類網頁在效能與實用性上存在技術缺陷。
觀眾希望未來能看到更多關於如何將此類 AI 網站變現、銷售，或製作其他類型網站的教學。
留言樣本僅反映部分觀眾觀點，且部分技術細節需進一步驗證。