![Websim.ai 用 AI 輕鬆創建互動式體驗網站](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu35GTpVgWEod28T_IYBOHQo6UVmUESBzO-DpDZ1aX6_-O7X2CRjGwIu9E3b4XZDUAWDd7kClWckrvgbg1IkA-M6FPJvM-Zj9qDWJvI7PdkHemlcBO8kuGACtAwVLt1THcHeHye2qjCRQwDyjgfnFoljnQ-cuOxQO9kQN10o80Ib-I65eCP2yxifQZzKhb/s600-rw/websim-ai01.webp)
Websim.ai 目前開放免費使用,訪問網站可以體驗其他用戶所創建的網頁,若想自行創建網站則要登入 Google 帳戶。AI 會根據指令(文本描述)生成相應功能的網站,支援中文提示詞和修改網站內容,例如,要求 AI 將網頁語言改為繁體中文、添加功能按鈕等,還可以透過連結分享網站和下載 HTML 代碼。
要提醒一點,在 Websim.ai 創建的網站僅供用戶體驗,並非真正存在於網路上,必須透過 Websim.ai 瀏覽框架才能正常運行。
語言:英文
網址:https://websim.ai/
Websim.ai 使用說明:
1. 開啟 Websim.ai 網站,整體介面是一個瀏覽器框架,可以瀏覽並體驗其他用戶創建的網頁。![Websim.ai 用 AI 輕鬆創建互動式體驗網站](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB2SBWsPJo05nUpfCZk6_X3fWzyshPqFZGkmjtDAgl7yWDSWo13D_RembUrXjMaAFEdldnDPDFUiLoPskxTrsHNJN-lzCTj0sc_JClycangBon15rXlUYrNy9xLAT1bmbWV38_GokfQmkqtOb_1-5whm9trvdO5h6iDfCmLvrbnaUlYO_gTtbVKXoaQpl1/s900-rw/websim-ai02.webp)
2. 在 Websim 瀏覽框架中點擊「網址列」會要求登入 Google 帳戶,登入後輸入主題或描述文本即可生成相應網站,預設 AI 模型為 Sonnet 3.5 可以選擇 GPT-4o、Haiku。
![Websim.ai 用 AI 輕鬆創建互動式體驗網站](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjthC-63snlJooSG4uSpXt7T3L76rNss2KKpoprrsgu1fU7qMWdyn-fwzUoMVjqGZ4kQ6ZFx3Zsy7QIrKz9BM7cBSGESk67xIMMTXbN3YQkTqclD74GjYng5IhkgraUdD2k70DnWIbEdwT7i80JZzg9p99KisYpFndjlFNqU84IXcNGw6bbCrULwVDfUQ-P/s900-rw/websim-ai03.webp)
3. 例如,筆者輸入「Create currency exchange rate calculator tool」 就自動建立一個貨幣兌換計算工具的網站,但是只有美元、人民幣、日幣等八個選項。
![Websim.ai 用 AI 輕鬆創建互動式體驗網站](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6UXS20iMFS1avpTYSYXbuD6aR2EDkWJzboVxAWt3liq3aecU3zdkYpTNC-v1Sci0lI19tq4k30InOLGTRRUIbw0A5-V5EgQ7niyyI97w-bxKZh0QjkPSKlVz3lLRdtXhZBxwoKtKk4Hin2pR427MpPWDtDkfpCwOs4YcMwKKtw3LQmAIniFWV47IOypSY/s900-rw/websim-ai04.webp)
4. 創建網站後,在網址列輸入提示即可添加功能和變更網頁內容,支援中文描述。延續上面例子,提交"添加新台幣選項"並等待 AI 處理完成,貨幣選項就有台幣。
![Websim.ai 用 AI 輕鬆創建互動式體驗網站](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZoN2paWfUGOzA0265dtTi3uqNBp5HC3D1LVPop8pssTGOGT_dSwKBOMPcL1pGmd12f1XGCVQ845h6Yfxvfp6wT7VdftSWjGYZCUv0g4gRlGGwRVaGNrUWaVGopkpbiUXH7QfVLqRt4FreTjNnQCmdo0ZQ6vHFxxc511q9WvMqXk-2zmzsOaob0Vdekr8/s900-rw/websim-ai05.webp)
5. 想要變更網頁語言和標題都沒問題,而且網站架構完整,包括關於我們、常見問題、隱私政策等頁面都能正常訪問。
![Websim.ai 用 AI 輕鬆創建互動式體驗網站](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDJgiLHE-K2O3wr1rVfPcrnwlLJyhxAVkUubikyoxEiwdzQ1fpTsg18mMDERxdcbVOXL2bgQkuqto5_iYctpnKRYdDbtIVlFZuUe7rSF26Vycf66yB4MOCZceMoO6Gif_pKAQG2YK51ay1MNx3dmrSzpoPN4txleemjtmsYwk8c1yc1uN3ZOdiykNaBFYj/s900-rw/websim-ai06.webp)
6. 在 Websim.ai 創建體驗網站可以正常使用其功能,但是受限於 AI 模型可能無法提供即時資訊,因此貨幣兌換工具的匯率不是最新的。
![Websim.ai 用 AI 輕鬆創建互動式體驗網站](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYowLj2rlUUG9PBSj2iUU7zV_JBwmHPH2NfuBrSqi0cd7iL5iN_y5M0Rv6fDQqiEjljrUkPxfch45DSovqhimz6UNg4jTppQ9bLTvRol9W1qNRtCg-Gl7XMtDfkwI0uGalbeQwzXV-7caBm5GpCS1LwfKdj7VLKpDueAtYODzEsWG5uIzsAk1VvNL2-Pmn/s900-rw/websim-ai07.webp)
7. 製作遊戲類網頁就沒有這個問題,例如 Infinite 3D Platformer Challenge。
![Websim.ai 用 AI 輕鬆創建互動式體驗網站](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhItzN_TLvNu-cAY_EEpsOs4iJ1pVS0ugRh34qJ5SpvtRTurtdLH1cvWE629Mj3UCQY79ORIWQtS1KU1oUD8w3avgbUCFUTRQ1ZW46f9ofWYzNhpVdDkViRusJxdk9-gxu_fSsXYjcu-6OnknSZ7Woyxb053uPan2s4dMtWZ4ll1rBWlhwWLeDJd-KJNz22/s900-rw/websim-ai09.webp)
8. 前面說過,Websim.ai 網站介面為瀏覽器框架,在右上角點擊「⋮」可以複製分享連結和下載 HTML 程式碼,還有書籤、我的最愛和歷史紀錄等功能。
![Websim.ai 用 AI 輕鬆創建互動式體驗網站](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFP-f-OM31PMKROGHZV2UJtuR6yHuut11789wO4KQuyFMX9IA0Y2hpnFhNJ4SmXCPz_LXRIk5GZoyX4sNIDIKQNpJJE1UMNDJi0ZN8idTuETaIyFiHXfPaN4P5rveucKwVYwvWEKo89pZLZY5LulrGlQTk3tBJireZC4MOCXdsJII375DfU6hmInMcUUxR/s900-rw/websim-ai08.webp)
0 留言