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

零基礎(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)換軟件，開箱即用