Vibe Coding × AI 商業網站建置：
高轉化品牌網站實戰班
課程簡介
本課程以「Vibe Coding × AI 商業網站建置 × 影音媒體應用」為核心，協助學員從零開始掌握 AI 網站製作流程，不再只是學習傳統網頁語法，而是學會如何透過 Gemini、VS Code、GitHub Copilot 與 GitHub Pages，快速打造具備商業價值、品牌說服力與實際上線能力的網站作品。
本課程不以培養前端工程師為目標，而是訓練你成為具備商業思維的「AI 網站架構師」。你將從釐清網站的商業目的出發，思考要賣什麼、給誰看，以及希望使用者採取什麼行動，並在此基礎上透過 AI 工具完成網站架構規劃、文案設計、視覺呈現與多媒體整合，最終實現網站部署與上線。
課程特色
1. 商業個案導向：從網站製作走向商業價值創造
▪ 課程不是單純教學員做出一個漂亮網頁，而是從實際產業場景出發，分析 AI 網站如何創造商業價值。
▪ 學員將從金融保險業、影音媒體業與顧問業三大場景切入，理解不同產業的網站目標差異。
2. Vibe Coding 實戰導向：用 AI 快速生成網站，而非從零手寫程式
▪ 本課程以 Vibe Coding 為主要實作方式，學員透過自然語言指令，讓 Gemini、GitHubCopilot 等 AI 工具協助產生網站架構、HTML、CSS、JavaScript 與頁面內容。
▪ 課程會帶領學員完成 VS Code 安裝、GitHub 帳號建立、Repository 建置、GitHub、Copilot 環境設定，讓學員建立完整的 AI 網站製作工作流。
3. 影音媒體與商用素材整合：讓網站第一眼就具備吸引力
▪ 本課程特別加入商用素材網站實戰，教學員如何使用百萬商用素材、背景影片、YouTube嵌入、作品集展示、服務方案與合作洽詢表單，打造更具商業說服力的網站。
▪ 學員將理解影片不是單純放在網頁上，而是網站轉換流程的一部分。透過首頁背景影片、YouTube 頻道嵌入、作品集區塊、服務方案卡與 CTA 按鈕設計，讓網站具備更強烈的品牌記憶點與成交導向。
課程目標
1. 學員將具備「定義商業目標、指揮 AI 建站、整合影音素材、部署網站上線、展示成果作品」的完整能力。
學員對象
1. 資訊服務業者從業人員。
2. 零基礎 AI 網站製作入門者：適合沒有程式背景，但想學會用 AI 快速製作網站的學員。不需要先學會完整 HTML、CSS、JavaScript 語法，而是透過 Gemini、GitHub Copilot 與 Vibe Coding 的方式，用中文指令完成網站初版，再逐步學會修改文字、色彩、圖片、按鈕與版面。
學員先備知識
不需程式語言等先備知識。
課程大綱
| 課程單元 |
課程大綱 |
時間 |
| AI 商業網站應用案例與 Vibe Coding 0 到 1 基礎起手式 |
1. AI 商業個案導入：網站如何創造商業價值
2. 認識 Gemini 與 AI 網站快速生成流
3. Vibe Coding 進階網站建置先導：VS Code / GitHub Copilot AI 助手環境建 |
9:30~11:30
|
|
打造互動式品牌網站：
從品牌定位到個人專屬網站上線
|
1.品牌/個人網站基本結構介紹
2.色彩搭配邏輯與品牌一致性設計
3.品牌定位與品牌介紹撰寫技巧
4.一鍵串接社群與聯絡方式
5.實作練習 1：製作你的專屬品牌網頁
|
11:30~12:30 |
|
AI 影音媒體與商用素材網站實戰
|
1. 如何使用百萬商用素材建置網站背後的 Video 媒體
2. 使用 YouTube 建置網站背後的媒體
3. 實戰案例 A：影音媒體業-AI 影音 /自媒體製作商 Vibe Coding 網站建置
4. 實戰案例 B：顧問業 -計畫專頁 Vibe Coding 設計網站
|
13:30~15:30 |
|
成果整合與網站上線
|
1. GitHub 註冊與基本操作
2. 網站上線術：一鍵部署超簡單
3. 學員成果展示
|
15:30~16:30 |
※主辦單位保有調整課程內容及講師之權利
※上課地點以課前通知信為準
講師介紹
鍾皓軒 臺灣行銷研究有限公司 創辦人
業界課程經歷：曾擔任過中華電信、長榮航空、資策會、工研院、證基會及金融企業等多個單位的資料科學課程講師。
學界課程經歷：台科大行銷資料科學課程、台科大創新育成中AI課程、台科大新南向創業營隊市場分析及行銷策略講師（全英文授課）、台科大 AI 連續性製程機器學習課程、北市大行銷資料科學應用課程講師。
產業專案：曾主持參與金融業、化工業、醫療業、網路廣告業、彩妝業、出版業、高教產業、文教產業等資料科學案的資料科學課程講師。
開課資訊
培訓對象：培訓學員以資訊服務業者從業人員為主，服務企業之營業主軸需與資訊服務相關，例如：商業登記屬I301資訊服務業、稅務行業分類須為J582（軟體出版業）、J62（電腦程式設計、諮詢及相關服務業）、J63（資訊服務業）
課程費用：無。
課程時間：5/26(二) 9:30~16:30。
本課程開放實體／線上授課：
▪ 實體課程：台北科技大樓BR6４樓 大教室(台北市復興南路二段237號4樓)。
(課程地點以課前通知信為準)
▪ 線上直播：Ｇoogle meet。
▪ 學員需自備筆電。
課程洽詢：
(03)591-6539 itriB10424@itri.org.tw 李小姐
(03)591-2420 itri464612@itri.org.tw 羅小姐
主辦單位：
數位發展部 數位產業署
執行單位：
財團法人資訊工業策進會、台北市電腦商業同業公會