對初學者而言，自行撰寫程式碼可能很困難又費時。當然你可以來上我的網頁開發課😂，但如果你懶得上課想要更快產生結果的話，可以試著利用 ChatGPT 等 AI 工具，幫助你快速網站基礎架構，再從簡易的程式碼去修改內容，大幅提升開發效率。
本文先是很簡單的示範如何請 ChatGPT 協助做網站，再呈現出程式碼的結果。但這樣的結果只會將程式碼產生出來，你需要另外產生圖片、將程式碼架設在雲端也就是部署網站、以及申請網域來成為這個網站的網址（後面這些就不包含在這篇文章中）。
使用 ChatGPT 時，簡單給出明確且具體的指令像是「請幫我建立一個咖啡廳網站」，就可以看到他會幫你快速產生程式碼，這個程式碼包含HTML和CSS。並且會由頁首、選單、內文、頁尾等組成這個網站結構。選單中包含關於我們、菜單、地點跟聯絡我們。
在ChatGPT中他只會將程式碼顯示給你，而無法讓你預覽程式碼所產生的網頁呈現結果，因此接下來你可以快速的將完整程式碼複製起來，新增至獨立的.html檔案中，如果你聽不懂沒關係，我會教你更簡單的方式，就是到一個線上程式編輯平台，這裡用的是 codepen ，到這裡後你只要在html欄位中貼上剛剛複製的程式碼，就可以在預覽區直接看到結果了。
有了畫面呈現後，你可以更容易的從程式碼去修正你要的內容，我滿喜歡AI幫忙生成程式碼時，會清楚的在程式碼中加入適當的使用說明註解，告知你哪裡可以加入自己的內容、修改自己的電話、地址、Email等等。
簡單做法就直接更換成你要的內容就是一個簡單的網頁。如果版型不是很符合你的需求，那就有很多很多可以發揮創意的地方啦，有興趣可以去上我的網站開發課程，或是試著請AI在幫你做版形式的調整，例如『是否可以幫我加入一個幻燈片的區塊』、『能否幫我更換背景顏色』、『請幫我在菜單上用列點的方式呈現』等等，都能加快網頁開發的速度。
這裡只是很快速的示範一個簡易的運用AI協助製作網站的過程，希望你能發揮自己的創意，利用AI或ChatGPT來協助自己完成更多的產出！
如果你喜歡這篇教學內容，在我的課程中有更完整的教學內容及示範影片。
AI 賦能課程及初學者的網頁開發超級課程目前也已經上線開賣，有興趣的可以考慮購買起來喔！
