HTML5 網頁程式開發班

建議對象:
須修畢第四階段《JavaScript 程式開發班》

課程長度:
2小時 x 15堂 = 30小時

領取免費體驗課程

網頁使用最廣泛的標記語言 - HTML

我們一天會接觸到不計其數的網頁內容,而這些內容絕大部分都是使用 HTML 建構的,沒有 HTML 便無法在瀏覽器上呈現出我們平常看到的樣子!

HTML(Hypertext Markup Language)又名超文本標記語言,用於建立和呈現網頁的內容,包括文字、圖像、超連結等,對於網頁開發極為重要,網頁內容的檔案格式也都是 HTML。HTML 5 則是 HTML 的最新修訂版本。

HTML = 網頁的骨幹

HTML 是構建網頁的基礎結構,它就像房屋的骨架,為網頁的內容提供組織與佈局。

無論是簡單的個人部落格,還是複雜的電商網站,HTML 都扮演著關鍵角色,了解 HTML 語法,不僅是網頁設計的起點,更是開發者創造豐富互動體驗的必備技能。

我們將帶孩子學習網頁開發的關鍵「HTML」,了解網頁的基礎架構和組成元素,並設計出自己的專屬網頁!

課程優勢

學生程度相近

由於需修畢第四階段的菁英課程,這堂課的孩子都具備一定的程式基礎以及問題解決能力,提高學習效率。

嚴格師生比

橘子蘋果堅持:每位老師帶 12 名以內的學生,並視課程及教學狀況不定期增派助教,保障學習品質!

課程主題實用性高

主題內容包括抽獎抽籤、計算機、物件配對,和倒數等實用性高的功能,可以直接應用至日常生活。

無縫銜接前後課程

HTML 課程將前一階段的 JavaScript 做更進階的應用,後續階段的演算法、資料庫也都會用到 HTML。讓孩子熟悉前端互動設計和後端資料庫,打造更完整的網頁。

學習元素

HTML

CSS

Javascript

Jquery

課程大綱

「我們會將這些專業資訊,轉為孩子可以消化的知識。」

九階段課程,全面掌握程式知識

有能力挑戰國際程式認證
入門
(初學建議小四)
圖像化程式語法
進階
(初學建議國一)
文字式程式語法
高階
(進階修畢限定)
文字式程式語法
/assets/courses/index/highway-e04f1210831cc2b0eb847f807c1942c26bf597a5f13975a010887716113d4938.png
學習重點:

1. 程式設計基礎觀念(序列、迴圈、條件式、變數等),並結合數學、自然、遊戲設計等科目實作


2. 在課程中培養運算思維,讓孩子可以更有條理、結構性地解決問題


3. 培養孩子將流程、資料抽象化的能力,每節課都能學到一個全新的程式知識

學習重點:

1. 每一階段都可深入熟悉現今最熱門的程式語言,成為業界人才首選


2. 交互應用所學程式語言,讓孩子的程式能力足以完成更複雜的程式專案


3. 學習完 Python 後便能挑戰該語言之國際認證,升學、留學加分可使用

學習重點:

1. 進階 JavaScript 應用,第六階段學習完畢後,孩子已可以獨立開發大型網頁專案


2. 學會大學必學的知識與演算法,橘子蘋果將用視覺化、遊戲化的方式,讓複雜的程式問題不再那麼深


3. 在橘子蘋果的最終階段將導入 AI 人工智慧的運作原理與開發邏輯,邁向更進階的程式境界

九階段修畢後
孩子將具備不輸大一資工系學生的程式能力

九階段課程,全面掌握程式知識

入門
(初學建議小四)
圖像化程式語法
學習重點:

1. 程式設計基礎觀念(序列、迴圈、條件式、變數等),並結合數學、自然、遊戲設計等科目實作


2. 在課程中培養運算思維,讓孩子可以更有條理、結構性地解決問題


3. 培養孩子將流程、資料抽象化的能力,每節課都能學到一個全新的程式知識

進階
(初學建議國一)
文字式程式語法
學習重點:

1. 每一階段都可深入熟悉現今最熱門的程式語言,成為業界人才首選


2. 交互應用所學程式語言,讓孩子的程式能力足以完成更複雜的程式專案


3. 學習完 Python 後便能挑戰該語言之國際認證,升學、留學加分可使用

高階
(進階修畢限定)
文字式程式語法
學習重點:

1. 進階 JavaScript 應用,第六階段學習完畢後,孩子已可以獨立開發大型網頁專案


2. 學會大學必學的知識與演算法,橘子蘋果將用視覺化、遊戲化的方式,讓複雜的程式問題不再那麼深


3. 在橘子蘋果的最終階段將導入 AI 人工智慧的運作原理與開發邏輯,邁向更進階的程式境界

有能力挑戰國際程式認證
九階段修畢後,
孩子將具備不輸大一資工系學生的程式能力

孩子能獲得什麼?

孩子將了解網頁的基礎架構,以及如何利用函式庫提高開發效率,課堂實作中將會寫出自己的個人化網頁!

透過製作不同網頁並整合多個程式語言,培養抽象運算思維,學會將問題重新拆解與組織,能更有條理地解決複雜問題。

孩子在編寫網頁將學會整合運用不同程式語言,例如定義網頁架構的 HTML、控制外觀樣式的 CSS,以及互動與動態效果的 JavaScript。

學習完 HTML 和 CSS 後,孩子將有機會挑戰考取 ITS HTML and CSS,為升學與未來職涯大大加分。

案例推薦

為什麼由橘子蘋果來教?

準備好免費體驗第一堂課了嗎?