AI網頁手動編修
為什麼還要學HTML CSS：AI幫你生成網頁後，改版才是真考驗
為什麼還要學HTML CSS：AI幫你生成網頁後，改版才是真考驗
你將學到什麼
AI改版容易跑版
用Canvas改一個小細節，AI常會連帶改動不該動的地方，甚至覆蓋原內容。
懂基礎才能直接改原始碼
有HTML與CSS基本概念，網頁哪裡要改就直接進原始碼調整，比反覆讓AI重生成快。
新增單元的做法
請AI多設一組具名的style並新增在指定位置，或乾脆手動寫，效率反而更高。
被昨天早上發的html+css的學習卡片嚇到，真的有這麼多人現在在學這個嗎？
因為在AI時代，比如用ChatGPT，你只要清楚的描述，打開canvas，直接就可以預覽AI生成的網頁了，的確是可以不用學到那麼完整了啊！
但是以ChatGPT為例，當預覽的網頁內容你想要修改的時候，比如網頁邊框要改顏色，這個指令一下去，整個網頁的所有的邊框可能都跟著改色，因此你必須說的是網頁外框改色。
比如你要在中間插入某一個單元內容，而且行距要改一下，chatGPT很大機率會直接把你原本的網頁內容覆蓋掉，最後只生成你想要插入的那個額外單元。
這就是為什麼我會重新整理HTML跟CSS知識點的原因。
基本概念有了，跟AI互動的時候，生成的網頁有哪個地方要改，直接進原始碼修改就好了，這樣比較AI修改，然後他反覆跑版來得快很多。
比如要加入新的單元，直接要GPT多設一組Style ，名稱為ooo，然後把這組style在某一組style下方新增程式碼，或者你手動新增也可以，我個人是偏向手動啦，因為等他再跑一次我手動都已經寫完了，直接預覽🤣
所以大概就是這樣了，我要繼續睡覺覺了❤️
本文原發表於 2025/03/31 的 Facebook 貼文，原文照登，僅調整網頁排版；文中提及的產品、價格與活動以當時為準。
延伸學習
知識變現切割地圖（高清版下載及陪跑型教材）
《知識變現切割地圖》的完整陪跑版：地圖高清檔，加上五章 27 萬字的網頁版講義與200 張練習卡。從語感引流設計、互動與轉化、內容分層與產品路徑，到角色鏡像與心理設計、內容資源切割再利用，一層一層把「會做內容」變成「能賣內容」。每一節後面都接著可以直接動手填的練習卡。
NT$ 19,800
ChatGPT 很強，但真正讓你下班的是 Google
六小時完整實錄。從「AI 很厲害，為什麼你還是每天加班」這個問題出發，把 Google Workspace 當成真正的工作平台重新設計一次流程 ── Sheets 的資料結構、Drive 與 Docs 的文件流、Gmail 與 Calendar 的通知系統，再用 Apps Script 讓它自己跑起來，最後收斂成一張屬於你自己的 AI 工作能力地圖。
NT$ 4,599