Offline EventLearningDesign

【實戰工作坊】用 AI 做網站 零基礎也能做! 帶上你的想法 AI 幫你實現 ! 小白友善零基礎 D I Y 工作坊

656
11
2026.06.27 (Sat) 14:00 - 18:00 (GMT+8)Add To Calendar
instagram

Offline Event

After registration, simply show your ticket from the ACCUPASS App for quick entry.

Entry rules are primarily set by the event organizer.

How to Collect Tickets?
用 AI 做網站 零基礎也能做!小白友善零基礎 DIY 工作坊。活動結合 UIUX 設計與無程式碼網頁架設。由工程師背景講師帶領零基礎新手建立 AI 協作工作流。4小時內你將親手 DIY 並雲端部署一個具備「輸入、邏輯、輸出」的單頁式互動工具網站(如報價試算、心理測驗)。在 I/O 逐點設計師實驗室,不需寫程式碼,帶上想法就能光速把點子變成現實!
用 AI 做網站 零基礎也能做!小白友善零基礎 DIY 工作坊。活動結合 UIUX 設計與無程式碼網頁架設。由工程師背景講師帶領零基礎新手建立 AI 協作工作流。4小時內你將親手 DIY 並雲端部署一個具備「輸入、邏輯、輸出」的單頁式互動工具網站(如報價試算、心理測驗)。在 I/O 逐點設計師實驗室,不需寫程式碼,帶上想法就能光速把點子變成現實!

Offline Event

After registration, simply show your ticket from the ACCUPASS App for quick entry.

Entry rules are primarily set by the event organizer.

How to Collect Tickets?
Event Introduction

來這裡你會得到什麼?

✦ 一個屬於你自己、可以被打開和分享的網站
✦ 不需要寫程式,4 小時內親手部署上線
✦ 學會「如何跟 AI 溝通」——這個時代最值錢的新能力
✦ 一群同樣有想法、想動手做出來的創作者
 

一、 為什麼要辦這個活動?

為了「想做卻不知道從哪裡開始」的你
做網站不再需要學程式,
你只要把你想要什麼說出來,AI 幫你做。
我們陪你從零走到「網站上線」,全程有人帶,不會被卡住。

零背景的新手也能流暢體驗
就算你完全沒有技術背景也沒關係。
我們要做的只有一件事——
讓你第一次把腦中的想法,變成一個真的可以打開、可以給別人用的東西。


小白友善,零基礎可參加,且4個小時你可以完成一個「具備功能」的單頁式網站。
包含:
一個輸入框: 讓使用者輸入資訊(例如:輸入生日、輸入品牌關鍵字)
一個互動按鈕: 當按鈕按下去時,網站會自動執行運算。
一個輸出結果: 立即顯示結果(例如:生成測驗分析、產出品牌段落) 


我們特別針對新手設計流程,
由具工程背景的講師親自帶領,協助大家建立最適合初學者的 AI 協作工作流。

你不用先會寫程式,
也不用擔心被技術卡住。

我們會帶你理解:「如何跟 AI 溝通」
才是這個時代最重要的新能力。
有時候,你缺的不是能力,只是沒有人帶你跨出,「把想法變成現實」的第一步。

二、 活動資訊

日期: 2026 / 06 /  27  (六) 

時間:14:00 – 18:00

地點:小樹屋|天南星 1003
捷運南京復興站 2 分鐘
臺北市松山區南京東路三段 258 號 10樓-1003

人數:上限10人

三、 報名條件與費用

這堂課適合誰?

・有很多想法,但總是停留在腦中
・想做自己的品牌頁、互動工具、小網站
・對 AI 很好奇,但不知道怎麼開始
・曾經被debug、程式碼、部署流程勸退

報名條件:不是技術背景,但想自己做出作品的人
必備工具: 需自備筆記型電腦*因場地插座數量與電壓限制,現場需輪流充電。建議在活動前將筆電充好充滿
不需要具備程式基礎(HTML/CSS/JS),只需具備想法與創作動機 

活動費用: 
一般票: NT$ 1,500
雙人同行推廣票: NT$ 2,800

*活動人數不達標將延後開班

四、 活動流程

時間

階段重點

執行內容細項

14:00 – 14:10

報到

參與者報到與自由交流

14:10 – 14:20

開場與活動說明

主辦方及講師介紹
說明今日預期產出:完成一個單頁互動網站

14:20 – 14:30

講師主題講解

目標設定:明確定義「單頁互動網站」的產出標準
工具導覽:快速熟悉開發環境與 AI 協作介面
心態建立:掌握 Vibe Coding「溝通重於代碼」的核心

14:30 – 17:00

實戰製作與部署

實戰開發:在 AI 協作下產出第一個具互動功能的網站
邏輯校準:針對功能邏輯與介面細節進行優化除錯
雲端部署:完成上線並生成專屬網址,即刻分享成果
視覺強化:替換圖片與視覺素材,賦予產品個性化風格

17:00 – 17:30

作品展示與互測

參與者成果分享與交流

17:30 – 18:00

總結與自由交流

總結 Vibe Coding 開發流程關鍵點
提供進階學習路徑與社群資源
Q&A、大合照與自由交流


*現場會準備飲品與小零食,現場備有飲水機,為了守護地球,歡迎自備環保杯
*本活動過程中將進行現場攝影、拍照或錄影,主要用於活動紀錄及後續行銷推廣、社群分享使用


五、 講師與主持人

特邀講師:

Saori|軟體工程師
在 vibe coding 的教學中,我不只是帶大家使用工具,而是更重視「如何思考與拆解問題」,讓想法可以被快速驗證、反覆迭代,並逐步落地。

希望透過這樣的方式,幫助更多人用更低的成本,將自己的想法變成實際可用的成果。
 

主持人與助教陣容:

Mia Lin|跨文化溝通與國際展會統籌,致力於協助各項專案精準落地
Yochi|將商業目標轉化為數位產品,並熱衷結合 AI 開發實用工具
Suzy|專精品牌視覺與大型活動統籌的資深平面設計師

 


案例方向


01 副業啟動計算機|我想賣東西,告訴我要準備多少錢
給想開始接案、擺攤、開網店但不知道要準備多少錢的人

輸入:想做什麼副業(下拉選)+每週可投入幾小時
輸出:預估啟動成本 + 幾個月回本
 

02 哈!「午餐吃什麼決策機」|上班族的好夥伴

輸入:今天心情+預算+幾分鐘可以吃
輸出:今天推薦吃什麼+附近類型建議


03 我適合創業嗎|填完就知道,要不要偷偷撕掉離職信..

給猶豫要不要辭職的人
輸入:現在月薪+存款可以撐幾個月+有沒有想法(有 / 沒有)
輸出:創業準備度分數+一句建議


 

在發想時記得要符合以下結構:

  1. 一個輸入 (Input): 使用者要填什麼?(數字、文字、選項)
  2. 一個邏輯 (Logic): 程式要做什麼運算?(加減乘除、或是根據關鍵字換句話說)
  3. 一個輸出 (Output): 畫面上會出現什麼?(結果金額、一段話、一張變色區塊)

 


 

I/O 逐點|設計師實驗室

是專屬設計與藝術創作者的跨域交流平台,我們由一群熱愛連結的獨立工作者組成。

因為熱衷於「把人聚在一起」,我們創造這個平台讓創作者相遇
從簡單的交流開始,一起玩出點什麼,讓改變自然而然地發生!


透過多元聚會打破創作孤島,讓每一次相聚都將轉化為實質養分,為你輸入洞察,輸出無可取代的影響力。
 

協辦單位:

  1. 旺兔設計工作室
    什麼都能幫品牌變美的設計團隊!不管是網站規劃、品牌 Logo 還是包裝設計。不只要好看,還要能打動人心,用最精準的視覺幫品牌在市場上站穩腳步。
     
  2. toogood 好好粗甜點
    手作提拉米蘇大福|減糖|無添加|純粹的甜點
avatar

IO Nexus 逐點

【實戰工作坊】用 AI 做網站 零基礎也能做! 帶上你的想法 AI 幫你實現 ! 小白友善零基礎 D I Y 工作坊

2026.06.27 (Sat) 14:00 - 18:00 (GMT+8)

Guests

Saori
Saori
Yochi
Yochi
Mia Lin
Mia Lin
Suzy
Suzy
Map

台灣台北市臺北市松山區南京東路三段 258 號 10樓-1003

loading