HTML ≠ 難懂的天書
把英文標籤，
把英文標籤，
變成螢幕上真的東西
HTML 是全世界網頁的共同語言。孩子用中英雙語介面，一邊敲 <h1>、<img>、<a> 這些標籤，一邊看著網頁長出標題、圖片、連結——程式不再抽象，英文單字也在「敲了就看到結果」的即時回饋裡自然記住。
課程內容 · 一頁作品，一種真本事
孩子親手做的，
孩子親手做的，
是網頁，也是創造者思維
個人主頁、能點來點去的小網站、有樣式的版面——做得出來，也真的懂原理。
作品 1 · 網頁結構
做一個自我介紹網頁
🎮 孩子在做
放上自己的照片、最愛的遊戲和寵物，做一頁「這就是我」的網頁，超有存在感。
✓ 家長看見
學 <h1>／<p>／<img> 標籤，理解一個網頁是怎麼「一層一層」搭起來的結構。
孩子會想：標題放哪？圖片怎麼擺？為什麼順序換了畫面就不一樣？
作品 2 · 連結與導覽
把好幾頁連成一個小網站
🎮 孩子在做
做一個能點來點去的小網站，一頁介紹、一頁遊戲、一頁相簿，像真的網站。
✓ 家長看見
學 <a> 超連結與頁面導覽，理解「資訊怎麼被組織、被連結」的概念。
孩子會卡：這一頁要連到哪？回首頁的按鈕放哪最好找？
作品 3 · 版面設計
讓網頁變好看
🎮 孩子在做
用顏色、字體、排版把網頁變得好看又有個性，跟同學的完全不一樣。
✓ 家長看見
接觸 基礎 CSS 樣式概念——內容與外觀分開，這是網頁設計的核心思維。
孩子會試：背景什麼顏色好看？字要多大？怎麼排才不會擠成一團？
孩子做出來的
不是模擬，是一個
不是模擬，是一個
真的能用網址打開的網頁
課程結束，孩子有一個能傳給家人、給同學打開來看的作品。
Hi, I'm 小宇 👋
這是我做的第一個網頁，有我最喜歡的遊戲和寵物。
My GamesMy Pets
<h1>Hi, I'm 小宇</h1> ← 孩子親手敲的這行，就變成上面的標題
從一行 <h1> 到一整頁——孩子看著自己打的英文標籤，變成螢幕上真的東西。
猿創力的堅持
只開小班，
只開小班，
才顧得到每一個孩子
不論是 1:1~3 家教（線上／實體），還是 4~6 人線上精品班——都小到老師能盯住每個孩子的邏輯卡關。
⚡
高頻互動
網頁版面歪了、連結點不開，老師即時幫孩子找出哪個標籤寫錯——不必卡著乾等。
🎯
客製節奏
快的孩子多做幾頁、加樣式，還在熟悉標籤的穩紮穩打——各在最舒服的學習區。
🧩
深度拆解
不貼現成 code，引導孩子拆「為什麼版面歪掉」，練除錯與邏輯。
📈
看得見成長
獨立做出一個能公開上網的網頁，課後附一對一觀察週報。
兩種班型、同一個堅持——小到每個孩子都被看見。
看得見的作品，看得見的雙語
孩子想炫作品，
孩子想炫作品，
家長看見真的在學
一個想做出能傳給同學的網頁，一個想確認他真的學到東西、英文也有進步——這堂課兩邊都給得起。
🎮 孩子想要的
- 做一個自己的網頁，放最愛的遊戲寵物
- 把作品網址傳給同學、家人看
- 讓網頁能點來點去、還很好看
- 「這是我做的網站！」
✓ 家長在意的
- 中英雙語介面，英文在做中自然記
- HTML 是真的網頁語言，不是玩具
- 真人小班，老師顧得到
- 完成能公開展示的作品
一邊是做出能公開的作品的成就感，一邊是扎實的網頁基礎＋英文語感——這就是 Discovery HTML。
帶得走的成果
隨著課程，帶走看得見的成長
12個網頁作品，能公開上網
16個 HTML／CSS 知識點，做中學
數位證書結業獲得，可作申請名校憑據
報名前，先看這裡
常見問題
孩子英文還不好，能學 HTML 嗎？
可以。介面中英雙語可切換，HTML 標籤多是簡短單字（如 title、image、link），孩子在「敲了就看到結果」的過程中做中學，反而幫助記英文。
需要什麼設備？
一台電腦或平板＋網路即可，全程真人小班上課。
和 Scratch 課程差在哪？
Scratch 用積木拼出動畫遊戲、偏視覺創作；HTML 是真實世界網頁的共同語言，做出來的作品能公開放上網、用網址打開，偏「真實產出」。兩者互補。
孩子零基礎、沒學過程式可以嗎？
可以。本課程零基礎友善，小班（家教 1:1~3 線上或實體／線上精品班 4–6 人），老師依程度手把手帶。