Offline EventLearningScience & Tech

【6/13 付費實體課】小白友善・零基礎開發:水豚君的 AI 實作美學,利用 Claude 打造專業級 HTML 互動網頁

116
2
2026.06.13 (Sat) 13:00 - 15:00 (GMT+8)Add To Calendar

台北市金山南路及愛國東路口。凱地咖啡(捷運東門站3號出口)或課前通知上課地點(因人數考量)

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 浪潮洶湧的時代,身邊的人似乎都在談論技術,讓你感到焦慮嗎?其實,學習不需要跑得大汗淋漓。我是郝大方,大家習慣叫我「水豚君導師」。6 月 13 日下午,我想邀請你撥出 2小時的時間,給自己一個安靜的空檔。我們不談深奧的代碼,只談如何讓 AI 成為你最有默契的數位助手。
🌿 「最好的學習時機,永遠是現在;而最好的學習方式,就是優雅地開始行動。」 在 AI 浪潮洶湧的時代,身邊的人似乎都在談論技術,讓你感到焦慮嗎?其實,學習不需要跑得大汗淋漓。我是郝大方,大家習慣叫我「水豚君導師」。6 月 13 日下午,我想邀請你撥出 2小時的時間,給自己一個安靜的空檔。我們不談深奧的代碼,只談如何讓 AI 成為你最有默契的數位助手。

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

【6/13 付費實體課】小白友善・零基礎開發:水豚君的 AI 實作美學,利用 Claude 打造專業級 HTML 互動網頁

🍵 那些讓你在深夜嘆氣的工作小事…

你是否也曾遇過這些讓專業感「打折」的瞬間?

  • 排版之痛:想發一封像大公司那樣精美的 HTML 電子報(EDM),卻發現 Gmail 的工具列怎麼調都顯得凌亂,最後只好發出一封全是純文字、看起來毫無專業感的信件?
  • 溝通之苦:請設計公司或資訊部門修改一個小區塊,往往要排隊等上三天,費用高昂不說,成品可能還不是你想要的,自己想改卻又看著那些像天書一樣的 HTML 原始碼發愣?
  • 工具之惑:手機裡下載了一堆 AI App,看過無數篇「必學 Prompt」文章,但關上螢幕後,依然不知道如何把這些工具應用在明早 9 點的晨報或行銷專案中?

如果你點了頭,請別沮喪。這不是你的能力問題,只是你還沒找到那條「繞過代碼」的捷徑。

🏛️ 零基礎開發:這堂課要帶給你的「穩定力量」

這堂課的設計初衷只有一個:讓完全不懂程式的人,也能擁有開發者的產出。 我將帶領你透過 Claude 這位溫柔的 AI 助手,優雅地跨越技術深淵:

  • 核心邏輯的建立:學會下達「高含金量」的指令(Prompt)。我會教你如何與 AI 對話,不是靠運氣亂猜,而是掌握背後的邏輯架構,讓 AI 第一次就聽懂你的需求。
  • 美學風格的靈魂注入:AI 本身沒有情緒,但你可以賦予它靈魂。無論是需要「熱血激勵系」的內部公告,還是「科技冷靜系」的業務提案,我會示範如何透過關鍵字,讓 AI 自動為你配色、選字、排版。
  • 零門檻的落地實踐:很多人以為 HTML 需要伺服器或特殊軟體,這堂課我會揭開這個誤區。我會手把手教你如何直接把 Claude 生成的代碼「複製並貼上」到 Gmail 或 Outlook,且排版百分之百不跑版。

📚 課程大綱:一步一腳印,我們慢慢來

我們將 120 分鐘畫分為四個模組,確保每一位小白都能跟上腳步:

  • 【Module 1】Claude 的魔法工坊 現場實作示範:如何從一張白紙開始,透過一行核心指令,在 30 秒內長出一份具有多欄位、圖文並茂的 HTML Email 雛形。你會發現,原來開發可以這麼「療癒」。
  • 【Module 2】風格調教與客製化細節 掌握「指令調色盤」。我會分享如何微調按鈕顏色、調整字體大小,甚至加入互動式的超連結。透過我的 Prompt 模板,你不需要懂 CSS,也能做出設計師等級的作品。
  • 【Module 3】實務發送與問題排除 解決最後一哩路的焦慮。教你如何檢查排版在手機與電腦上的呈現差異,以及如何妥善儲存你的作品,讓它成為你未來可以反覆套用的「數位資產」。
  • 【Module 4】雲端發布與資產化:讓HTML網頁永久在線,點開即可看的專業連結!帶你利用 Google 體系最強大的隱藏功能 Google Apps Script,將靜態代碼轉化為實戰網頁。

👨🏫 關於領路人:郝大方(水豚君導師)

擁有雙資訊碩士背景(台北醫學大學與政大 EMBA),但我更喜歡稱自己為「AI 實務的陪跑者」。我深耕人力資源與數位轉型多年,明白技術如果不落地,就只是空談。

我的使命: 在這變動不居的時代,提供一份「極致穩定」的力量。我擅長把生硬的技術語法,轉化為溫暖、易懂的語言,讓每一位願意學習的朋友,都能在 AI 時代找到最舒服、最有競爭力的位置。

🙋 這堂課,是專門為你打造的:

  • 完全零程式基礎的小白:想親手做出有質感的數位內容,卻不知從何下手。
  • 繁忙的職場專業人士:HR、行銷、業務或主管,希望利用 AI 快速解決日常重複性的排版工作。
  • 追求真實應用的學員:不滿足於理論,想要在課程結束後,電腦裡立刻躺著一份「明天就能發出去」的成品。

📝 上課前,讓我們做個簡單的小約定

  • 硬體準備:一台可連網的電腦(桌機或筆電皆可,這會讓你的實作更順暢)。
  • 軟體環境:建議使用 Chrome 或 Edge 瀏覽器,並提前申請好免費的 Claude.ai 帳號。
  • 心態準備:準備好一個記事本,以及一顆**「放鬆且充滿好奇」**的心。剩下的,交給我。

最後,水豚君想對你說: AI 的世界變化很快,但這不代表你必須活在急躁中。 重要的不是你現在懂多少,而是你是否願意推開那扇窗。 不需要完美的準備,也不需要覺得自己「還不夠好」, 加入我們,一起開始就對了。 讓我們一起,慢慢來,但一直前進! 💪

🎟️ [立即名額預約:手刀報名,優雅進化] 名額有限,我在社群裡溫柔等你。


💰 課程費用

  • 原   價:5,000 元/人
  • 友情價:1,399元/人  (慶祝直心健康有限公司開幕)

⏰課程資訊

  • 日期:  2026/06/13   (週六)
  • 時間:  13:00 -15:00  (二小時)
  • 方式:  實體
  • 地址:台北市大安區愛國東路35之1號(凱地咖啡)或課前通知上課地點(因人數考量)
  • 加碼回饋: (🎁超值贈送飲料1杯,輕鬆學習無負擔 )

👉主辦單位&聯絡方式
📢直心健康有限公司
📞 專線:王小姐 0909602607
📧 信箱:b85610233@gmail.com

avatar

直心健康有限公司

【6/13 付費實體課】小白友善・零基礎開發:水豚君的 AI 實作美學,利用 Claude 打造專業級 HTML 互動網頁

2026.06.13 (Sat) 13:00 - 15:00 (GMT+8)

Guests

郝大方老師
郝大方老師
王明莉
王明莉
Map

台灣台北市大安區愛國東路35之1號

loading