🌿【6/10 免費線上課】小白友善・零基礎開發：水豚君的 AI 實作美學，利用 Claude 打造專業級 HTML 互動網頁
🍵 那些讓你在深夜嘆氣的工作小事...
🌿你是否也曾遇過這些讓專業感「打折」的瞬間？
排版之痛：想發一封像大公司那樣精美的 HTML 電子報（EDM），卻發現 Gmail 的工具列怎麼調都顯得凌亂，最後只好發出一封全是純文字、看起來毫無專業感的信件？
溝通之苦：請設計公司或資訊部門修改一個小區塊，往往要排隊等上三天，費用高昂不說，成品可能還不是你想要的，自己想改卻又看著那些像天書一樣的 HTML 原始碼發愣？
工具之惑：手機裡下載了一堆 AI App，看過無數篇「必學 Prompt」文章，但關上螢幕後，依然不知道如何把這些工具應用在明早 9 點的晨報或行銷專案中？
🌿如果你點了頭，請別沮喪。這不是你的能力問題，只是你還沒找到那條「繞過代碼」的捷徑。
🏛️ 零基礎開發：這堂課要帶給你的「穩定力量」
🌿這堂課的設計初衷只有一個：讓完全不懂程式的人，也能擁有開發者的產出。 我將帶領你透過 Claude 這位溫柔的 AI 助手，優雅地跨越技術深淵：
核心邏輯的建立：學會下達「高含金量」的指令（Prompt）。我會教你如何與 AI 對話，不是靠運氣亂猜，而是掌握背後的邏輯架構，讓 AI 第一次就聽懂你的需求。
美學風格的靈魂注入：AI 本身沒有情緒，但你可以賦予它靈魂。無論是需要「熱血激勵系」的內部公告，還是「科技冷靜系」的業務提案，我會示範如何透過關鍵字，讓 AI 自動為你配色、選字、排版。
零門檻的落地實踐：很多人以為 HTML 需要伺服器或特殊軟體，這堂課我會揭開這個誤區。我會手把手教你如何直接把 Claude 生成的代碼「複製並貼上」到 Gmail 或 Outlook，且排版百分之百不跑版。
📚 課程大綱：一步一腳印，我們慢慢來
🌿我們將 60 分鐘畫分為三個模組，確保每一位小白都能跟上腳步：
【Module 1】Claude 的魔法工坊 現場實作示範：如何從一張白紙開始，透過一行核心指令，在 30 秒內長出一份具有多欄位、圖文並茂的 HTML Email 雛形。你會發現，原來開發可以這麼「療癒」。
【Module 2】風格調教與客製化細節 掌握「指令調色盤」。我會分享如何微調按鈕顏色、調整字體大小，甚至加入互動式的超連結。透過我的 Prompt 模板，你不需要懂 CSS，也能做出設計師等級的作品。
【Module 3】實務發送與問題排除 解決最後一哩路的焦慮。教你如何檢查排版在手機與電腦上的呈現差異，以及如何妥善儲存你的作品，讓它成為你未來可以反覆套用的「數位資產」。
👨🏫 關於領路人：郝大方（水豚君導師）
擁有雙資訊碩士背景（台北醫學大學與政大 EMBA），但我更喜歡稱自己為「AI 實務的陪跑者」。我深耕人力資源與數位轉型多年，明白技術如果不落地，就只是空談。
我的使命： 在這變動不居的時代，提供一份「極致穩定」的力量。我擅長把生硬的技術語法，轉化為溫暖、易懂的語言，讓每一位願意學習的朋友，都能在 AI 時代找到最舒服、最有競爭力的位置。
🙋 這堂課，是專門為你打造的：
完全零程式基礎的小白：想親手做出有質感的數位內容，卻不知從何下手。
繁忙的職場專業人士：HR、行銷、業務或主管，希望利用 AI 快速解決日常重複性的排版工作。
追求真實應用的學員：不滿足於理論，想要在課程結束後，電腦裡立刻躺著一份「明天就能發出去」的成品。
📝 上課前，讓我們做個簡單的小約定
硬體準備：一台可連網的電腦（桌機或筆電皆可，這會讓你的實作更順暢）。
軟體環境：建議使用 Chrome 或 Edge 瀏覽器，並提前申請好免費的 Claude.ai 帳號。
心態準備：準備好一個記事本，以及一顆**「放鬆且充滿好奇」**的心。剩下的，交給我。
⏰ 預約你的線上療癒時光
- 上課日期: 2026/06/10 (三)
- 上課時間: 晚上 8:00 - 9:00（線上直播 · 同步實作）
- 上課方式: 線上
- 課程費用: 完全免費
👉主辦單位&聯絡方式
📢直心健康有限公司
📞 專線：王小姐 0909602607
📧 信箱：b85610233@gmail.com
