使用 ChatGPT-5 在一小時內建立 5 個網站:如何實現以及將生產力翻倍的秘訣

網站設計應用程式 目前有售。我自己也試用過一些,但沒有一款像其他幾款那麼好用。 聊天GPT-5 它可以對所有內容進行編程,從字體和顏色到整個設計。 ChatGPT-5 在這方面表現出色。 創建應用程式因此,我認為他也能出色地完成這項任務。

使用 ChatGPT-5 在一小時內建立 5 個網站:Tom 的指南教你如何做到,以及如何讓效率翻倍

事實上,我一開始只是簡單地向它發出了以下命令。 聊天GPT-5: 請幫我創建一個網站。 於是,我得到了一個完整的網站,雖然它很普通。它看起來好得簡直難以置信。我決定更詳細地測試一下,看看它是否適用於一個真正的網站。

為了進行這項實驗,我創建了各種類型的企業——從室內遊樂場到行銷公司——並使用 ChatGPT-5 為這些企業設計了網站。以下是我得出的結果和結論。

1. 永遠的春天花園中心

截屏

宣稱:為「陽光花園中心」設計一個完整、色彩豐富、明亮歡快的網站。目標是讓訪客感受到愉悅和富足,並讓顧客輕鬆找到所需商品。公司氛圍應友善、專業但不咄咄逼人,充滿家族企業的溫馨感與活力。想像一下「花園裡陽光明媚的春日」。確保設計簡潔,按鈕清晰易懂,色彩搭配營造出明亮、吸引人且和諧統一的氛圍。導航應直觀易懂,並醒目突出。

這個請求其實相當詳細。我完全可以省略其中一半的資訊。不過,如果這是我自己的公司,我可能會添加更多細節,例如公司名稱、認證訊息,或字體和配色方案等具體資訊。最棒的是,你可以編輯程式碼。如果你沒有任何程式設計經驗,也沒關係;只需向 ChatGPT 索取你需要的更新。

ChatGPT-5 大約花了五分鐘就建立了這個網站。網站的細節越具體,所需時間就越長。在你寫程式的同時,你可以看到它一直在「思考」。你或許可以在它建立網站的時候做點別的事情,但我發現看著它工作有一種奇特的滿足感。

2. Tumbles and Giggles 幼兒室內遊樂場

截屏

宣稱: 為「Tumbles & Giggles」設計一個明亮、歡快且醒目的網站,這是一個為1-5歲幼兒設計的室內遊樂場。網站應讓家長放心,確保安全衛生,同時激發他們對孩子玩耍樂趣的期待。目標對象:幼兒的父母、祖父母和照顧者。他們應該能夠快速找到價格、營業時間和安全資訊。整體氛圍:輕鬆、現代、乾淨、明亮。要體現「快樂有序」的理念。避免雜亂或過於繁複的設計。使用大量的留白,並搭配明亮柔和的色彩。

這是一次真正的測試,因為我想知道 ChatGPT-5 是否會顯示兒童圖片,如果會,這些圖片是否足夠逼真,能夠用於商業網站?正如您從截圖中看到的,並沒有顯示任何兒童圖片。這對於一家面向家庭的企業來說顯然不理想;笑臉肯定有助於提升品牌知名度。

因此,如果這確實是我的目標,我會要求 ChatGPT 再做一次修改。否則,網站看起來不錯,而且前端也做了明顯的妥協。

3. 每日磨坊咖啡館

網站截圖

宣稱:請為一家名為「The Daily Grind」的時尚、溫馨、舒適的社區咖啡館設計網站。網站應吸引用戶,讓他們渴望品嚐我們的咖啡和糕點,並想親自光顧。網站應具有視覺吸引力,並強調社區氛圍以及在舒適環境中享用咖啡的體驗。網站的目標受眾包括當地居民、遠距辦公人員、學生以及尋找聚會場所的人。他們應該能夠查看菜單、查找位置/營業時間,並感受咖啡館的氛圍。整體氛圍應輕鬆、舒適、時尚且具有社交性。圖片應真實展現顧客享受咖啡時光的場景。

前兩個網站都不錯,但比較相似。 (應該說,有點無聊?)視覺效果欠佳。我需要 ChatGPT-5 來改進,所以我在需求中特意提到了“照片”,以便讓 AI 知道我們需要更好的視覺效果。

我很失望,因為網站的第一個版本沒有包含任何真人圖片。而且,這個網站看起來和其他網站非常相似。 ChatGPT-5 顯然使用了模板。所以,我重新調整了人工智慧的指令,讓它加入圖片。

一個看似簡單的請求差點讓我的電腦崩潰,因為它增加了數千張圖片。徹底失敗。

4. 橘子扭扭汽水的行銷網站

網站截圖

宣稱:為 Tangerine Twist 創建一個高轉換率的單頁行銷網站(落地頁)。 Tangerine Twist 是一款採用真正橘子汁製成的天然甜碳酸飲料,有機且深受具有環保意識的 Z 世代消費者的喜愛。請包含 3-5 張年輕人享用這款飲料(裝在趣味十足的橙色罐子裡)的照片。整體風格應活潑、創意十足且真實可信。

ChatGPT 再次未能將清晰的圖片添加到程式碼中,儘管我在說明中已明確要求。我不得不修改程式碼並請求他們提供一個帶有圖片的更新版網站。

不過,人工智慧生成的產品展示給我留下了深刻的印象,文案也寫得非常好。我尤其喜歡網站底部提到的「100天滿意保證」。

雖然這個網站看起來與我創建的其他網站非常相似,但大膽的色彩和廣告文案使其脫穎而出。

程式碼已經寫完成,接下來呢?

氛圍編碼

問得好!完成 ChatGPT-5 後,您可以在瀏覽器中執行網站,確保其外觀和功能符合預期。如有任何問題,請進行調整。一切就緒後,請將程式碼下載或複製到本機。您可以將程式碼複製到電腦上的文字檔案中,並為其命名。 (例如:index.html 用於首頁,style.css 用於樣式,script.js 用於 JavaScript。)

接下來,你需要選擇一個主機服務商。你可以使用一些免費且易於使用的平台,例如 GitHub Pages,它們非常適合初學者。或者,你也可以選擇共享主機,例如 Bluehost。雲端服務(AWS、Google Cloud、DigitalOcean)也是不錯的選擇,但需要更進階的設定。

當然,您需要購買一個域名,然後將該域名連結到您的主機提供商,這樣您的網站就可以使用您想要的名稱,而不是通用網址。

最後,將文件上傳到託管平台。許多服務商支援拖放上傳、Git 上傳,或使用他們自備的命令列工具。上傳完成後,您的網站即可上線,供全世界造訪。

底線

ChatGPT 非常適合在短時間內快速建立網站。但是,如果想要添加圖片或逼真的藝術作品等額外內容,則需要再次認領;在首次認領時就包含這些內容似乎效率不高。

對於只想快速建立網站的人來說,使用 ChatGPT 網站架設是個不錯的選擇。您可以接收要求、展示產品並提供聯絡資訊。但是,如果您想要使用任何高級功能,則需要投入大量時間。

評論被關閉。