零基礎(chǔ)AI編程:編寫靜態(tài)網(wǎng)頁(yè)或網(wǎng)站

本文概覽：

• 1、用中文描述需求，讓AI寫代碼。

• 2、不會(huì)設(shè)計(jì)怎么辦？

• 3、AI不知道的信息？

在本地新建一個(gè)文件夾，文件夾名稱用英文。

打開(kāi)VScode，打開(kāi)這個(gè)文件夾。

打開(kāi)AI對(duì)話窗口（右上角的icon）。

AI對(duì)話窗口icon
AI對(duì)話窗口顯示在右側(cè)邊欄

現(xiàn)在你就可以像聊天一樣命令A(yù)I給你寫代碼。

比如：

寫一個(gè)簡(jiǎn)單的個(gè)人網(wǎng)頁(yè)，上面有我的簡(jiǎn)單介紹，還有作品鏈接。簡(jiǎn)單介紹：像素熊老師，著有《從零開(kāi)始學(xué)像素畫》，像素畫愛(ài)好者，獨(dú)立開(kāi)發(fā)者。

下面是社交媒體的logo。

然后是中等寬度的按鈕，按鈕上顯示社交媒體的名稱。

輸入的命令越詳細(xì)，AI生出的代碼效果就越好。

1.1、如何查看代碼效果？

打開(kāi)項(xiàng)目文件夾，鼠標(biāo)選中index.html用瀏覽器打開(kāi)即可。推薦Chrome瀏覽器。

1.2、效果不滿意怎么辦？

可以繼續(xù)輸入命令，讓AI修改。

直到滿意為止。

2、不會(huì)設(shè)計(jì)怎么辦？

改了n遍，還是不滿意怎么辦？

個(gè)人網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)

提供參考圖！可以在網(wǎng)上搜索個(gè)人網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)，然后截屏給AI，讓AI參考或模仿圖片中的網(wǎng)頁(yè)設(shè)計(jì)。

這樣即使你不是設(shè)計(jì)專業(yè)的，也可以用AI編寫出80分的網(wǎng)頁(yè)設(shè)計(jì)。

最終效果

能編寫1個(gè)網(wǎng)頁(yè)，就能編寫整個(gè)網(wǎng)站！

不涉及后端數(shù)據(jù)庫(kù)的網(wǎng)站，都可以這樣讓AI來(lái)編寫。

3、AI不知道的信息？

有一些信息，你不告訴AI，AI是不知道的。

比如我的社交網(wǎng)站的鏈接，這些都需要我告訴AI，然后AI把這些信息編到網(wǎng)頁(yè)中去。

星標(biāo)公眾號(hào)，自動(dòng)獲取推送文章。

需要1對(duì)1指導(dǎo)的朋友，可以付費(fèi)加入像素畫學(xué)院。

歡迎購(gòu)買我開(kāi)發(fā)的像素畫一鍵轉(zhuǎn)換軟件，開(kāi)箱即用