一日實作班 · 零基礎友善

一天,從不敢開「黑畫面」
到讓 AI 幫你做事

你是不是也這樣:跟 AI 聊了很久,回過神來發現什麼都沒做出來?
這堂課只有一個目標:一天之內,你會親眼看著 AI 幫你做出一個能在自己電腦打開的網頁。

Mac Windows 8 小時 本機作品

講師

帶你動手做出第一個網頁

Louis

獨立用 AI 產出生產環境可用的數據監控系統,也協助企業進行 AI 智慧轉型輔導。這堂課不講工程師術語,只帶你做一件具體的事:讓 AI 幫你生出第一個本機網頁。

AI 輔助開發 數據監控系統 企業轉型輔導

一句話定位

那個黑黑的視窗不是用來背指令的
是叫 AI 動手的入口

我們會從打開一個視窗開始,帶你一步一步操作。會裝工具、會下一些簡單指令,但每一步都是為了一件事:讓你做出能看到的東西。不是要把你訓練成工程師。

適合誰

這三種人最該來

01

ChatGPT 聊天很熟

想把它從「問答」升級成「幫我做東西」的人。

02

看到黑畫面會怕

想理解那個視窗到底在幹嘛,卻不想背指令表的人。

03

想做第一個網頁

沒學過 HTML/CSS,但希望八小時內能帶走一頁作品的人。

主工具

你說,AI 直接改檔

跟 ChatGPT 聊天得到答案;跟 Claude Code / opencode 聊天,得到的是你電腦裡的檔案。

terminal — opencode
file:///Users/louis/Desktop/my-page/index.html

Louis Wang

AI 輔助開發 · 網頁實作講師

AI 工作流 本機網頁 數據儀表板

ChatGPT / Gemini 給你答案,你自己動手貼到不知道哪裡。Claude Code 與 opencode 把答案直接寫進檔案,瀏覽器一打開就是成品。

當日流程

八小時怎麼過

上午建立信心,下午自由完成作品,最後互相展示。

09:00

打開視窗,建立資料夾

從打開電腦裡的視窗開始,帶你建立作品資料夾,不再怕黑畫面。

10:45

請 AI 生出第一個網頁

用自然語言告訴 AI 你想要什麼,看它直接改檔,本機瀏覽器打開就能看到成果。

13:05

學會講清楚,再改版

學會主題、區塊、風格三要素,讓 AI 把頁面改得更像作品。

14:50

自由完成你的作品

個人名片頁、商家介紹頁、活動頁三選一,講師巡場,卡住即時救援。

16:15

本機展示,帶回家

瀏覽器打開 index.html,截圖、分享,帶著成果與繼續修改的能力回家。

會帶走什麼

三樣帶回家的東西

01

一個本機 HTML 檔案

在你的 my-page 資料夾裡,瀏覽器打開就是作品。我們先專注完成「能給自己看的版本」,公開網站留到下一步。

02

一套叫 AI 做事的流程

學會怎麼把想法講清楚,讓 AI 聽得懂、改對、改好,回家也能繼續請它幫你改。

03

不怕視窗的信心

那個視窗只是門口,AI 才是工人。你只需要確認檔案有沒有在對的地方。

實作主題

下午三選一完成

A

個人名片頁

名字、一句話、三張技能卡片、聯絡方式。適合想建立線上身分的你。

B

商家介紹頁

店名、招牌語、主打商品、營業時間與地址。適合有小型品牌或副業的你。

C

活動報名頁

活動名稱、時間地點、流程亮點、報名方式。適合要辦活動或聚會的你。

延伸應用

不只網頁:用 AI 做股票數據儀表板

課程的核心能力回家後可以延伸。Louis 實際用同一套 AI + 本機流程,做出可追蹤持倉與價格變化的資料工具。

Portfolio Trend
my-stock / dashboard.html
$24,580
+12.4% this week

上完課後,同樣的對話流程可以延伸到股票:給 AI 一份持股清單,請它畫趨勢線、標註關注訊號,本機打開就能看到自己的儀表板。

作品展示

這就是當天可能做出來的東西

範例:慢時咖啡

一個簡單的商家介紹頁,包含店名、招牌語、商品卡片與聯絡資訊。當天你可以從這個基礎出發,請 AI 換風格、加圖片、調手機版。

咖啡廳空間 咖啡杯 筆電與工作區 打開電腦
TERMINAL × AI × HTML TERMINAL × AI × HTML TERMINAL × AI × HTML TERMINAL × AI × HTML
MAKE YOUR FIRST WEBPAGE MAKE YOUR FIRST WEBPAGE MAKE YOUR FIRST WEBPAGE MAKE YOUR FIRST WEBPAGE

常見問題

你可能還在想的事

這堂課就是為零基礎設計的。我們不講程式語法,只講怎麼把想法講清楚讓 AI 聽懂,然後確認 AI 改出來的東西有沒有在對的位置。現場會一步步帶,卡住馬上有救援。

當天完成的作品會存在你的筆電裡,可以截圖分享給朋友,但還不會變成公開網址。我們先專注把「能給自己看的版本」完成,公開網站留到進階課程。

不用。課程開始前會預留安裝時間,講師會同步示範 Mac 與 Windows 的安裝流程。萬一主工具裝不起來,我們也準備了備援方案,確保你不會掉隊。

我們只會用到幾個很簡單的操作:建立資料夾、移動到資料夾、確認檔案在裡面。其他都交給 AI 動手。你會慢慢發現,那個視窗只是入口,裡面的 AI 才是幫你做事的人。

會。你會帶走整個作品資料夾,回家後可以再啟動 AI 工具繼續改版。課堂也會給你 prompt 範本,讓你知道怎麼講 AI 才會改得準。

學員回饋

他們都完成了自己的網頁

「我本來以為要背一堆指令,結果講師帶我們直接叫 AI 動手。看到瀏覽器打開自己頁面的時候,真的覺得自己也做得到。」

A
阿明
行銷企劃

「我連 HTML 是什麼都不知道,但八小時後我帶走了一個自己的名片頁。最重要的是,我知道回家要怎麼繼續請 AI 幫我改。」

M
美玲
自由接案工作者

「以前跟 ChatGPT 聊完就結束了,這堂課終於讓我看到『說出來就會變成檔案』是什麼感覺。現在我比較敢開那個黑黑視窗了。」

J
家豪
產品經理

「我選了商家介紹頁,做出來的風格比我想像中好看很多。講師教我怎麼講 AI 才聽得懂,這個比學語法還實用。」

S
小珊
咖啡廳老闆

「本來擔心自己電腦會裝不起來,結果現場有備援方案。我用網頁版 AI 也完成了作品,沒有任何人被丟下。」

T
大雄
公務員

「我本來以為要背一堆指令,結果講師帶我們直接叫 AI 動手。看到瀏覽器打開自己頁面的時候,真的覺得自己也做得到。」

A
阿明
行銷企劃

「我連 HTML 是什麼都不知道,但八小時後我帶走了一個自己的名片頁。最重要的是,我知道回家要怎麼繼續請 AI 幫我改。」

M
美玲
自由接案工作者

「以前跟 ChatGPT 聊完就結束了,這堂課終於讓我看到『說出來就會變成檔案』是什麼感覺。現在我比較敢開那個黑黑視窗了。」

J
家豪
產品經理

「我選了商家介紹頁,做出來的風格比我想像中好看很多。講師教我怎麼講 AI 才聽得懂,這個比學語法還實用。」

S
小珊
咖啡廳老闆

「本來擔心自己電腦會裝不起來,結果現場有備援方案。我用網頁版 AI 也完成了作品,沒有任何人被丟下。」

T
大雄
公務員

報名資訊

帶上筆電,八小時做出你的網頁

單日 8 小時,現場統一帶安裝。你不需要會寫程式,只需要願意跟 AI 對話。點擊下方按鈕填寫報名表單,我們會盡快與你聯繫。