chatgpt創作 一秒生成寵物網站

更新於 發佈於 閱讀時間約 5 分鐘
首先問他:
我要你製作一個2002年代的風格的網站,主題給你自由發揮,把html,css,js代碼寫在同一個html檔即可
之後chatgpt八成會給出一個寫到一半不完整的代碼
不過沒關係
把那段代碼複製起來
然後再跟他說:
我要你製作一個2002年代的風格的網站,主題給你自由發揮,把html,css,js代碼寫在同一個html檔即可 以下是我寫到一半的代碼你從斷掉的地方接下去寫就好,已經有寫的代碼不需要重複寫 <!DOCTYPE html> <html> <head> <title>2002年代風格的虛擬寵物社區</title> <style> body { background-color: #FFCCCC; font-family: Arial, sans-serif; margin: 0; padding: 0; } .header { background-color: #FF6666; color: #FFFFFF; padding: 10px; text-align: center; } .nav { background-color: #FF9999; color: #FFFFFF; display: flex; justify-content: center; padding: 10px; } .nav a { color: #FFFFFF; margin: 0 10px; text-decoration: none; } .nav a:hover { color: #FFCCCC; } .main { display: flex; flex-wrap: wrap; justify-content: center; padding: 10px; } .box { background-color: #FFFFFF; border: 2px solid #FF6666; border-radius: 10px; box-shadow: 5px 5px 5px #999999; margin: 10px; padding: 20px; width: 300px; } .box h2 { color: #FF6666; font-size: 24px; margin-top: 0; text-align: center; } .box p { text-align: justify; } .footer { background-color: #FF6666; color: #FFFFFF; padding: 10px; text-align: center; } </style> </head> <body> <div class="header"> <h1>2002年代風格的虛擬寵物社區</h1> </div> <div class="nav"> <a href="#">首頁</a> <a href="#">寵物商店</a> <a href="#">我的寵物</a> <a href="#">社區論壇</a> <a href="#">聯絡我們</a> </div> <div class="main"> <div class="box"> <h2>新手上路</h2> <p>歡迎加入虛擬寵物社區!這裡是一個專門為寵物愛好者設計的社區,你可以在這裡養寵物、與其他寵物愛好者交流,還可以參加各種有趣的活動。如果你是新手,請點擊進入「新手上路」專區,了解如何開始你的虛擬寵物之旅。</p> </div> <div class="box"> <h2>最新活動</h2> <p>本月的最新活動是「寵物大
只要跟他強調一點:
以下是我寫到一半的代碼你從斷掉的地方接下去寫就好,已經有寫的代碼不需要重複寫
他就會接下去把代碼完成了
然後注意一下裡面有個部分
<div> 		
<a href="#">首頁</a> 		
<a href="#">寵物商店</a> 		
<a href="#">我的寵物</a> 		
<a href="#">社區論壇</a> 		
<a href="#">聯絡我們</a>

他這裡href都省略沒有給於是你可以再跟他說:

<貼已經半完成的代碼>
其中<a href="#">寵物商店</a>這部份我希望你繼續實作出一個html檔案
檔案名稱你自己取,css可以寫在同一份檔案,風格粉色系,注意排版美觀,置中,放一些寵物的照片,其餘自行發揮.
他就會幫忙完成了
我用這個方法嘗試把寵物商店和我的寵物頁面完成
github url:
為什麼會看到廣告
avatar-img
于正龍(Ricky)的沙龍
36會員
53內容數
人工智能工作經驗跟研究
留言
avatar-img
留言分享你的想法!
這段代碼會創建一個黑色正方形,其中包含一個螢光綠色邊條和一個顯示 "Line" 文字的正方形,邊條會逆時針旋轉。使用CSS中的position和transform屬性可以將正方形放置在畫面中央。使用animation屬性可以實現旋轉動畫。
chatgpt對話練習(網站製作基礎)
Microsoft Windows [版本 10.0.19044.2604] (c) Microsoft Corporation. 著作權所有,並保留一切權利。 C:\Users\ricky\Desktop\sqlmap-dev>python sqlmap.conf File "C:\Users
一個網站可能除了首頁以外還會有其他的相關網站 例如/admin ,login/ ,home.php ,/root/等等 但是又不一定於是互聯網上就有一些words清單 像是 裡面就有存放各種可能的目錄名稱 例如給定一個網址在網址尾端增加/admin"有可能"就會連到後台 但是人手工一個一個去試去猜實
在Microsoft store 搜尋 kail linux 並安裝(這裡假設你已經先安裝WSL) 之後執行kail linux 終端機 依序輸入以下指令: 上面主要是做一些更新(update and upgrade),然後安裝python3, python3-venv(虛擬環境)之後建立一個名為b
社交工程是歷史上一些最大的黑客攻擊的關鍵手段! 許多新手黑客過於專注於掌握黑客的技術方面,以至於他們忽視了社交工程的力量,這會給他們帶來危險。 當俄羅斯的 Sandworm 黑客團隊(技術最先進的黑客組織之一) 使用社會工程入侵烏克蘭的電網和美國 2016 年總統大選, 這顯示出了社交工程的重要性
這段代碼會創建一個黑色正方形,其中包含一個螢光綠色邊條和一個顯示 "Line" 文字的正方形,邊條會逆時針旋轉。使用CSS中的position和transform屬性可以將正方形放置在畫面中央。使用animation屬性可以實現旋轉動畫。
chatgpt對話練習(網站製作基礎)
Microsoft Windows [版本 10.0.19044.2604] (c) Microsoft Corporation. 著作權所有,並保留一切權利。 C:\Users\ricky\Desktop\sqlmap-dev>python sqlmap.conf File "C:\Users
一個網站可能除了首頁以外還會有其他的相關網站 例如/admin ,login/ ,home.php ,/root/等等 但是又不一定於是互聯網上就有一些words清單 像是 裡面就有存放各種可能的目錄名稱 例如給定一個網址在網址尾端增加/admin"有可能"就會連到後台 但是人手工一個一個去試去猜實
在Microsoft store 搜尋 kail linux 並安裝(這裡假設你已經先安裝WSL) 之後執行kail linux 終端機 依序輸入以下指令: 上面主要是做一些更新(update and upgrade),然後安裝python3, python3-venv(虛擬環境)之後建立一個名為b
社交工程是歷史上一些最大的黑客攻擊的關鍵手段! 許多新手黑客過於專注於掌握黑客的技術方面,以至於他們忽視了社交工程的力量,這會給他們帶來危險。 當俄羅斯的 Sandworm 黑客團隊(技術最先進的黑客組織之一) 使用社會工程入侵烏克蘭的電網和美國 2016 年總統大選, 這顯示出了社交工程的重要性
你可能也想看
Google News 追蹤
Thumbnail
【vocus 精選投資理財/金融類沙龍,輸入 "moneyback" 年訂閱 9 折】 市場動盪時,加碼永遠值得的投資標的——「自己」 川普政府再度拋出關稅震撼彈,全球市場應聲重挫,從散戶到專業投資人,都急著找尋買進殺出的訊號,就是現在,輪到知識進場!把握時機讓自己升級,別放過反彈的機會!
Thumbnail
靈感的誕生:詐騙也有詐? 你有沒有過這種經驗?有一天,你無聊地滑著Threads或是臉書,突然看到某篇帖子吸引了你的注意。它標榜著“高薪工作機會”,或是承諾你“短期內獲取高額報酬”。看起來有點可疑,但偏偏又寫得很真實,讓你忍不住多看了兩眼。 這種情境我也經歷過,而且不止一次。
Thumbnail
ChatGPT作為一個重要的創作和交流工具,對創作的過程和結果產生了深遠的影響。本文將深入探討使用ChatGPT進行創作的正反說法,從各個角度分析這些意見,並提出其未來的發展方向。
Thumbnail
最初最原始的連載版,七月一日開始收入私夏。本來是想要明年再做的,但2025我會在私夏做《軍犬2》連載版,為了避免三隻男性軍犬同時,我就先開始第一軍犬。此為連載版,即沒有經過數次校稿及編輯台馴化梳順版本,保留二十年前最初模樣,喜歡版本差異的朋友可以比對連載及成書版本。 些年我都沒有特別理會這隻連
Thumbnail
從上次作完喵喵健身教練網頁後,覺得自己以前作的個人簡歷網站實在是太醜了,而且當初為了搶快,直接套用 Bootstrap 版型,根本不用寫 JavaScript(燦笑) 所以這次決定把網站重寫,就算是從 1 開始吧,1-10 分作到 8 分就好,不然完美主義真的會搞死自己,那道光很快就來了(?)
Thumbnail
一切都從思考作品集要怎麼準備開始,所謂的 one 是起頭難(?),在動手寫 code 之前,總覺得自己做不到,一直在自己煩惱,直到前輩們說:開始做看看吧,一頁式網站也好,不開始做永遠不知道自己哪些知識需要補強。 於是決定先幫我的繆思女神做一個網站,讓她可以介紹自己的工作,再放社群連結
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
你想發表怎麼樣的內容呢?我想開始發電子報,也就是這一篇《黑貓創作報》 想寫給每個創作者的信,一同分享創作路上的點點滴滴與騙讚小技巧。 為什麼要寫電子報呢? 兩個原因。我在網路上創作已經很長~~~一段時間了。從最早的奇摩家族、無名小站、BBS,一直到成為全職的實況主
在當今數位時代,人工智慧的應用已經漸漸融入到我們的生活中,而 ChatGPT 作為其中的一個代表,為創作提供了嶄新的可能性。ChatGPT 是一個強大的語言模型,能夠生成自然流暢的文本,並且可以根據用戶的需求進行調整,為創作者提供豐富多樣的創作素材和靈感。那麼,究竟如何利用 ChatGPT 創作呢?
Thumbnail
【vocus 精選投資理財/金融類沙龍,輸入 "moneyback" 年訂閱 9 折】 市場動盪時,加碼永遠值得的投資標的——「自己」 川普政府再度拋出關稅震撼彈,全球市場應聲重挫,從散戶到專業投資人,都急著找尋買進殺出的訊號,就是現在,輪到知識進場!把握時機讓自己升級,別放過反彈的機會!
Thumbnail
靈感的誕生:詐騙也有詐? 你有沒有過這種經驗?有一天,你無聊地滑著Threads或是臉書,突然看到某篇帖子吸引了你的注意。它標榜著“高薪工作機會”,或是承諾你“短期內獲取高額報酬”。看起來有點可疑,但偏偏又寫得很真實,讓你忍不住多看了兩眼。 這種情境我也經歷過,而且不止一次。
Thumbnail
ChatGPT作為一個重要的創作和交流工具,對創作的過程和結果產生了深遠的影響。本文將深入探討使用ChatGPT進行創作的正反說法,從各個角度分析這些意見,並提出其未來的發展方向。
Thumbnail
最初最原始的連載版,七月一日開始收入私夏。本來是想要明年再做的,但2025我會在私夏做《軍犬2》連載版,為了避免三隻男性軍犬同時,我就先開始第一軍犬。此為連載版,即沒有經過數次校稿及編輯台馴化梳順版本,保留二十年前最初模樣,喜歡版本差異的朋友可以比對連載及成書版本。 些年我都沒有特別理會這隻連
Thumbnail
從上次作完喵喵健身教練網頁後,覺得自己以前作的個人簡歷網站實在是太醜了,而且當初為了搶快,直接套用 Bootstrap 版型,根本不用寫 JavaScript(燦笑) 所以這次決定把網站重寫,就算是從 1 開始吧,1-10 分作到 8 分就好,不然完美主義真的會搞死自己,那道光很快就來了(?)
Thumbnail
一切都從思考作品集要怎麼準備開始,所謂的 one 是起頭難(?),在動手寫 code 之前,總覺得自己做不到,一直在自己煩惱,直到前輩們說:開始做看看吧,一頁式網站也好,不開始做永遠不知道自己哪些知識需要補強。 於是決定先幫我的繆思女神做一個網站,讓她可以介紹自己的工作,再放社群連結
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
你想發表怎麼樣的內容呢?我想開始發電子報,也就是這一篇《黑貓創作報》 想寫給每個創作者的信,一同分享創作路上的點點滴滴與騙讚小技巧。 為什麼要寫電子報呢? 兩個原因。我在網路上創作已經很長~~~一段時間了。從最早的奇摩家族、無名小站、BBS,一直到成為全職的實況主
在當今數位時代,人工智慧的應用已經漸漸融入到我們的生活中,而 ChatGPT 作為其中的一個代表,為創作提供了嶄新的可能性。ChatGPT 是一個強大的語言模型,能夠生成自然流暢的文本,並且可以根據用戶的需求進行調整,為創作者提供豐富多樣的創作素材和靈感。那麼,究竟如何利用 ChatGPT 創作呢?