零基礎(chǔ)AI編程:編寫靜態(tài)網(wǎng)頁或網(wǎng)站
![]()
本文概覽:
1、用中文描述需求,讓AI寫代碼。
2、不會設(shè)計怎么辦?
3、AI不知道的信息?
在本地新建一個文件夾,文件夾名稱用英文。
打開VScode,打開這個文件夾。
打開AI對話窗口(右上角的icon)。
AI對話窗口icon![]()
AI對話窗口顯示在右側(cè)邊欄
現(xiàn)在你就可以像聊天一樣命令A(yù)I給你寫代碼。
比如:
寫一個簡單的個人網(wǎng)頁,上面有我的簡單介紹,還有作品鏈接。簡單介紹:像素熊老師,著有《從零開始學(xué)像素畫》,像素畫愛好者,獨立開發(fā)者。
下面是社交媒體的logo。
然后是中等寬度的按鈕,按鈕上顯示社交媒體的名稱。
輸入的命令越詳細(xì),AI生出的代碼效果就越好。
1.1、如何查看代碼效果?
打開項目文件夾,鼠標(biāo)選中index.html用瀏覽器打開即可。推薦Chrome瀏覽器。
1.2、效果不滿意怎么辦?
可以繼續(xù)輸入命令,讓AI修改。
直到滿意為止。
2、不會設(shè)計怎么辦?
改了n遍,還是不滿意怎么辦?
![]()
個人網(wǎng)站網(wǎng)頁設(shè)計
提供參考圖!可以在網(wǎng)上搜索個人網(wǎng)站網(wǎng)頁設(shè)計,然后截屏給AI,讓AI參考或模仿圖片中的網(wǎng)頁設(shè)計。
這樣即使你不是設(shè)計專業(yè)的,也可以用AI編寫出80分的網(wǎng)頁設(shè)計。
![]()
最終效果
能編寫1個網(wǎng)頁,就能編寫整個網(wǎng)站!
不涉及后端數(shù)據(jù)庫的網(wǎng)站,都可以這樣讓AI來編寫。
3、AI不知道的信息?
有一些信息,你不告訴AI,AI是不知道的。
比如我的社交網(wǎng)站的鏈接,這些都需要我告訴AI,然后AI把這些信息編到網(wǎng)頁中去。
星標(biāo)公眾號,自動獲取推送文章。
![]()
需要1對1指導(dǎo)的朋友,可以付費加入像素畫學(xué)院。
歡迎購買我開發(fā)的像素畫一鍵轉(zhuǎn)換軟件,開箱即用
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺“網(wǎng)易號”用戶上傳并發(fā)布,本平臺僅提供信息存儲服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.