advance 進階搜尋

class detail

0ILAB5100 「Vibe Coding 零基礎實戰」| AI 網頁設計 不會寫程式,也能用 AI 把想法變成真正上線的網站
0ILAB5100
「Vibe Coding 零基礎實戰」| AI 網頁設計
tip
不會寫程式,也能用 AI 把想法變成真正上線的網站
地點
台北延平
日期
2026/10/17
time_to
2026/10/17
總時數
7hr
時間
09:30~17:30
原價 4,200 元
目前最惠價
NT$ 3,780
師資說明

teather
林宏一老師
「虎之呼吸科技」創辦人,長年深耕數位行銷與設計領域,親身走過「一人當三人用」的行銷辛苦,因此最能理解行銷人的痛點。他將這些經驗轉化為AI實戰方法,幫助學員用最有效率的方式突破困境,打造專屬的智能行銷團隊。

專業領域
數位行銷與廣告策略
Google Analytics 數據分析
Google Ads 廣告投放
前端網頁設計、UI/UX設計
平面設計、商品攝影、插畫

資歷簡述
BNI長佑鑽石分會成員(形象網站建置代表)
莊敬獅子會成員
中華電信學院、彰化師範大學、佛光大學認證講師(Google Analytics、Google Ads)
勞動力發展署「新尖兵計畫」行銷、設計類講師(2019年至今)
華梵大學推廣中心數位行銷講師(2019年至今)
致理科技大學推廣中心講師(2017年至今)
巨匠電腦數位行銷、網頁、平面、插畫講師(2015年至今)
國家發展委員會 Google Analytics 授課講師(2019、2020年)
曾任碩遠科技產品經理/前端設計師、亞特立國際管理顧問公司行銷總監、良實有限公司網頁設計師
BNI新達分會第五屆主席、現任第九屆副主席及網站設計代表
BNI台中區大鵬分會網站設計代表

公司官網:https://www.breathtiger.com/
公司粉專:https://www.facebook.com/breathtigers
講師粉專:https://www.facebook.com/drakelin2019
課程介紹
你已經會用 ChatGPT 或 Claude 做網站,卻常發現成果只停在雛形:版面普通、功能陽春,想再修改就容易跑版或出錯。
用 7 小時聚焦掌握 Vibe Coding 的核心方法,從需求表達、AI 協作、反覆修改到問題排除,並以網站完整實作,帶著自己的題目來,完成一個可公開瀏覽、持續優化的網站。
教學內容

你已經會用 ChatGPT 或 Claude 幫你產出網站,但真正開始修改時,常會遇到版面不如預期、功能過於陽春、手機版跑掉,甚至不知道該怎麼要求 AI 修正。

這不只是堂讓 AI「生出一個網站」,而是帶你實際走完一套 Vibe Coding 流程:從需求整理、AI 協作、版面與程式修改,到網站發布上線的課程。
學員將以自己的網站主題實作,完成一個可公開瀏覽的單頁網站。

 

🎯 這堂課,實際幫你處理什麼問題 

你已經會用 ChatGPT 或 Claude 幫你做網站,但真正開始修改時,常會遇到:

🔹版面普通、功能陽春,成品停在雛形
🔹想改文字、圖片、色彩或區塊,一修改就跑版
🔹電腦看起來正常,手機或平板卻顯示不佳
🔹AI 一直幫你改程式,但你不知道問題出在哪裡
🔹網站做出來了,卻不知道怎麼真正發布上線

這堂課不是要你從頭背 HTML、CSS,而是學會用 Vibe Coding 的方式,把需求說清楚、讓 AI 協助開發、判斷問題、持續修改,最後把網站真正完成。

 

⚡ 課程怎麼進行(為什麼你會真的學會)

不是只看老師操作,也不是照著範例複製。

你會直接帶著自己的網站主題進場,從個人品牌、作品集、活動頁、服務介紹到產品頁都可以,實際走完:

需求整理 → AI 協作生成 → 版面與程式修改 → 響應式調整 → 發布上線

過程中會實際使用 ChatGPT、Codex、Claude、VS Code、Bootstrap 5 與 GitHub,把 AI 生成的內容變成可以公開瀏覽的網站。

 

🧭 精心規劃的學習路徑 

第一階段|把網站想法變成可執行的 AI 開發需求

學的技巧

🔹釐清網站目標、受眾、內容架構與版面需求
🔹用 ChatGPT/Claude 協助產出網站內容、UI/UX 與初版程式

你會具備的能力
➡️ 能把模糊的網站想法,轉成 AI 能理解並執行的開發需求。


第二階段|把 AI 生成的網站修到能上線

學的技巧

🔹運用 HTML、CSS、Bootstrap 5 與 AI 進行修改、除錯與響應式調整
🔹使用 GitHub Pages 發布網站,並完成 SEO、AISO、GEO 基礎設定

你會具備的能力
➡️ 能把 AI 生成的網站雛形持續修正,完成可公開瀏覽的網站。


💪 學完之後,你將能夠 

  • 🔹把網站需求整理清楚,知道怎麼跟 AI 說
  • 🔹用 AI 協助完成網站內容、版面與初步程式
  • 🔹遇到跑版或顯示問題時,知道怎麼請 AI 協助修改
  • 🔹完成一個手機、電腦都能瀏覽的單頁網站
  • 🔹把網站正式發布上線,取得可公開分享的網址
優惠辦法
◆早鳥優惠價:9折(優惠期限請參考價格表)
◆2人(含)同報價:85折;3人(含)以上團報8折
◆文大校友或文大推廣部舊生優惠:85折
◆身心障礙者優惠85折

~以上優惠擇一使用~
suit
適合對象
📍 想學 AI Coding 卻不知道怎麼開始的人
📍 已會使用 ChatGPT 或 Claude,但做出的網站仍停留在陽春雛形的人
📍 想製作個人網站、品牌頁、作品集、活動頁或服務介紹頁者
📍 講師、顧問、自由工作者、創業者與個人品牌經營者
📍 行銷企劃、社群小編、內容創作者,想快速完成活動頁或產品頁者
remark
其他備註
歡迎加入 文大推廣商務職能部 LINE@,提供線上服務及課程諮詢。
LINEID:@933aajvf|https://lin.ee/BhZQCEK
諮詢專線:(02)27005858分機8514,報名請按分機1將有專人為您服務!
【為鼓勵學員跨界學習,除免費講座、說明會、委訓課程外,課程包含本校專兼任師資錄製之加值課數位課程。】
【歡迎利用意見信箱,留下您的聯絡資訊與需求,我們將於上班時間儘速回覆。】
【以上師資、課程內容、時間及場地等,本單位保留變更之權利。】
【額滿停招課程如欲申請候補資格,請於諮詢功能中留下聯絡資料。】

「本校信用卡分期合作銀行為台新銀行、星展銀行、玉山銀行及台北富邦銀行。單門課程學費達新臺幣10,000元以上可分3期;單門課程達新臺幣20,000元以上可分6期。

如有分期付款需求,請於諮詢報名時間至現場臨櫃報名,或撥打
0800-008918、02-2700-5858分機1,由專人協助辦理電話購課付款。」
你可能會喜歡...
*優惠方式僅能擇一享有
優惠資訊
優惠方案 價格 說明
早鳥優惠價 NT$3,780 即日起~10/10可享優惠價
原價 NT$4,200 原價
其他備註
*合乎結業標準者(缺課未超過課程總時數1/5),本研習核發文大推廣部研習結業證書。部分課程不適用。(例如:6小時以下課程或講座)
*未領證書協助保管期限從結業日起算,最多保留兩年的時間,如期限過後想要補領取,請自行至建國本部一樓櫃台繳交150元補印證書。
*持身心障礙者手冊,憑手冊報名本部終身學習課程,享有該課程當期學費之最低價優惠
*報名方式:現場繳費、ATM轉帳、電話訂購
talk