chatgpt創作 一秒生成寵物網站

更新於 2023/03/30閱讀時間約 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:
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
    人工智能工作經驗跟研究
    留言0
    查看全部
    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
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
    Thumbnail
    隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
    在當今數位時代,人工智慧的應用已經漸漸融入到我們的生活中,而 ChatGPT 作為其中的一個代表,為創作提供了嶄新的可能性。ChatGPT 是一個強大的語言模型,能夠生成自然流暢的文本,並且可以根據用戶的需求進行調整,為創作者提供豐富多樣的創作素材和靈感。那麼,究竟如何利用 ChatGPT 創作呢?
    Thumbnail
    新的AI工具claude2可以上傳文件,幫使用者分析資料、提供重點整理,於是立即牛刀小試上一篇文章《婚姻風暴》。claude2的使用方式與ChatGPT大大不同,claude2只接受使用者上傳的專屬資料,分析並整理重點,並不會像ChatGPT去搜索開放的全網資料;claude2比較像是學術上
    Thumbnail
    雖然許多作家說過Chatgpt幫忙創作的空間有限,但我在寫一些創作類或是心得時常常是想到哪裡寫到哪裡,或是將隨筆記下來的東西組合一起,往往這些句子及想法是破碎的。又因為寫下來東西的時空背景不可追,我就會使用Gpt將這些破碎沒有邏輯的字句丟上去,讓他幫我梳理,看能不能夠讓我有一個主軸可以抓住
    Thumbnail
    當我們利用Chatgpt做工具來協助創作的過程當中,偶爾總會覺得,似乎內容當中少了一點靈魂,或者說少了點人味。 畢業他在邏輯跟架構上比較擅長,並且富有條理,但需要我們去做一些修正,並去補充一些字詞,讓文字更為順口跟流暢。 我自己的作法是三部份處理: 第一個是在問問題的時候,我們要盡量去要求他在
    Thumbnail
    ChatGPT的出現,讓許多人都大感興趣與恐慌。 有興趣的是,ChatGPT到底有多厲害?它是否可以幫忙寫論文,做計劃,做許多許多可能人類做起來很繁瑣又花時間的事情,而它只要幾秒鐘就解決了。 恐慌的是,如果ChatGPT真的可以做到這些,那麼是不是很多職務都可能被AI取代而消失,搶了人類的飯碗。
    Thumbnail
    「躺平」是一個近年來在中國流行起來的詞彙,指的是放棄不斷追求升遷、高收入等的生活理念,並追求平淡、簡單的生活方式。這種生活方式在一定程度上反映了年輕人對社會現狀的不滿和對傳統人生價值觀的反思。在現代社會,躺平被解讀為一種生活態度和價值觀的轉變,並受到了一定程度的關注和討論。
    Thumbnail
    本篇文章在分享親身體驗使用AI輔助創作的過程。文章中可以看到作者第一手的經驗與描述,如何運用ChatGPT、Midjourney、Speech to Text、Autotag等眾多工具來進行輔助,以及最終的成果
    Thumbnail
    根據我的上一篇文章的共同創作,這次我想試試看讓ChatGPT創作一篇短文。 本篇文章使用了ChatGPT進行獨立創作,我對它下達了較完整的指令要求
    Thumbnail
    近幾個月,忽然竄紅的聊天型AI「ChatGPT」似乎為世界帶來了極大的變化,究竟ChatGPT有多強大?為何能讓Google感到威脅而發起紅色警報?未來是否會取代人類導致失去工作機會?
    Thumbnail
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
    Thumbnail
    隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
    在當今數位時代,人工智慧的應用已經漸漸融入到我們的生活中,而 ChatGPT 作為其中的一個代表,為創作提供了嶄新的可能性。ChatGPT 是一個強大的語言模型,能夠生成自然流暢的文本,並且可以根據用戶的需求進行調整,為創作者提供豐富多樣的創作素材和靈感。那麼,究竟如何利用 ChatGPT 創作呢?
    Thumbnail
    新的AI工具claude2可以上傳文件,幫使用者分析資料、提供重點整理,於是立即牛刀小試上一篇文章《婚姻風暴》。claude2的使用方式與ChatGPT大大不同,claude2只接受使用者上傳的專屬資料,分析並整理重點,並不會像ChatGPT去搜索開放的全網資料;claude2比較像是學術上
    Thumbnail
    雖然許多作家說過Chatgpt幫忙創作的空間有限,但我在寫一些創作類或是心得時常常是想到哪裡寫到哪裡,或是將隨筆記下來的東西組合一起,往往這些句子及想法是破碎的。又因為寫下來東西的時空背景不可追,我就會使用Gpt將這些破碎沒有邏輯的字句丟上去,讓他幫我梳理,看能不能夠讓我有一個主軸可以抓住
    Thumbnail
    當我們利用Chatgpt做工具來協助創作的過程當中,偶爾總會覺得,似乎內容當中少了一點靈魂,或者說少了點人味。 畢業他在邏輯跟架構上比較擅長,並且富有條理,但需要我們去做一些修正,並去補充一些字詞,讓文字更為順口跟流暢。 我自己的作法是三部份處理: 第一個是在問問題的時候,我們要盡量去要求他在
    Thumbnail
    ChatGPT的出現,讓許多人都大感興趣與恐慌。 有興趣的是,ChatGPT到底有多厲害?它是否可以幫忙寫論文,做計劃,做許多許多可能人類做起來很繁瑣又花時間的事情,而它只要幾秒鐘就解決了。 恐慌的是,如果ChatGPT真的可以做到這些,那麼是不是很多職務都可能被AI取代而消失,搶了人類的飯碗。
    Thumbnail
    「躺平」是一個近年來在中國流行起來的詞彙,指的是放棄不斷追求升遷、高收入等的生活理念,並追求平淡、簡單的生活方式。這種生活方式在一定程度上反映了年輕人對社會現狀的不滿和對傳統人生價值觀的反思。在現代社會,躺平被解讀為一種生活態度和價值觀的轉變,並受到了一定程度的關注和討論。
    Thumbnail
    本篇文章在分享親身體驗使用AI輔助創作的過程。文章中可以看到作者第一手的經驗與描述,如何運用ChatGPT、Midjourney、Speech to Text、Autotag等眾多工具來進行輔助,以及最終的成果
    Thumbnail
    根據我的上一篇文章的共同創作,這次我想試試看讓ChatGPT創作一篇短文。 本篇文章使用了ChatGPT進行獨立創作,我對它下達了較完整的指令要求
    Thumbnail
    近幾個月,忽然竄紅的聊天型AI「ChatGPT」似乎為世界帶來了極大的變化,究竟ChatGPT有多強大?為何能讓Google感到威脅而發起紅色警報?未來是否會取代人類導致失去工作機會?