零代碼！用 HTML/CSS 模板輕鬆打造專業個人網站不從零開始：避開枯燥的基礎語法，直接從有趣的「修改」入手。睇唔識程式碼？沒關係！我們教你一步步修改現成模板，輕鬆擁有專屬的個人作品集、網頁或企業形象網站。 成果導向：每堂課都有看得見的改變，快速獲得成就感。理解重於背誦：教導學員「為什麼這樣改」，而非「只能這樣改」。解決問題：專注於教會學員如何自行搜尋解決方案、利用工具（如瀏覽器開發者工具）。

Head模組 0：課前準備

0-2 開發環境準備：安裝 VS Code 編輯器
0-3 認識網頁三兄弟：HTML（結構）、CSS（外觀）、JavaScript（互動）的簡單概念
0-4 如何選擇合適的模板？推薦模板下載網站

模組 1：第一眼印象 - 打造個人化首頁

1-1 模板解壓縮與專案結構導覽（認識資料夾、圖片、CSS/JS 檔案）
1-2 實戰修改一：網站標題與 Logo
如何修改文字標題
如何更換自己的 Logo 圖片（尺寸調整技巧）
1-3 實戰修改二：主視覺大圖
更換背景圖片或影片
修改主標題 (H1) 和副標題 (P) 文字
調整按鈕上的文字與連結
1-4 實戰修改三：導覽列
修改選單項目名稱
如何新增或刪除選單項目
設定選單的錨點連結

模組 2：內容的核心 - 關於我與服務介紹區塊

2-1 實戰修改四：關於我 (About Us) 區塊
更換個人頭像
修改自我介紹文字
調整社交媒體圖示與連結
2-2 實戰修改五：服務項目或技能條
修改服務項目標題與說明
2-3 實戰修改六：作品集
如何置換作品縮圖
修改作品標題與分類
理解並設定作品彈出視窗

模組 3：互動與功能 - 聯絡表單與頁尾

3-1 實戰修改八：頁尾 (Footer)
修改版權宣告文字
調整頁尾的社交媒體連結

模組 4：進階調整與響應式設計

4-1 色彩主題大改造：透過 CSS 變數快速換色
4-2 字體變更術：如何使用 Google Fonts 更換網站字體
4-3 理解響應式設計 (RWD)：為什麼我的網站在手機上看起來怪怪的？
學習使用瀏覽器開發者工具檢查手機版樣式微調手機版上的排版問題。

我們堅持採用「小班制教學」，因為我們相信您的學習成效遠重於數量。與大班講座相比，小班教學能確保您獲得最高品質的學習體驗。

• 更多個人化指導： 老師能充分關注每一位學員的進度，即時發現您的個別問題並親自示範修正，讓學習不留疑問。
• 選擇小班制，是選擇一條更紮實、更貼身、更能有效成長的學習路徑。我們致力於讓您的每一分投入，都獲得最大的回報。

報名需知

報名:
銀行過數HSBC:033 341975 838 (choihung(hk) limited)
過左數可以WhatsApp(96467533)我，我會send返收據比大家！