讀懂 HTML 語意結構
能把內容建立穩定骨架，讓瀏覽器和人都知道這份文件在說什麼。
Course
前端網頁開發入門（更新中）
給想從零建立完整前端心智模型的學習者。不是只背語法，而是理解文件結構、排版系統、互動狀態與部署流程如何連在一起。
用 CSS Grid / Flex 做出可維護的版面
從間距、對齊、響應式到可讀性，建立系統化排版直覺。
理解 JavaScript 互動、狀態與可及性
知道什麼時候需要 JS，並讓互動不只是會動而是好用。
4 單元
Target audience: 零基礎 / 24 H / 課程
Reading path
4 章節
最後更新 2026.04.01
適合
所有學習者
所有學習者
什麼是網站？網頁基本原理
這是前端網頁開發入門的第一堂課。首先我們要來聊聊網站的基本原理。網站是由哪些東西組成的？網站是如何傳遞資料的？這些都是我們在學習網頁開發之前需要先了解的基本概念。
環境建置與 HTML 完全指南
HTML 是一種用來建立網頁的語言，透過 HTML 我們可以把文字、圖片、影片等等內容放到網頁上，讓使用者可以看到我們想要呈現的內容。這篇文章會介紹 HTML 的基本語法和常見的元素，讓你可以開始寫自己的網頁。
CSS 教學：從入門到精通
CSS 是用來裝飾網頁的語言，學會 CSS 你就能把網頁變得好看又好用。這篇文章會帶你快速入門 CSS，從基本的語法到一些常見的屬性，讓你能夠輕鬆上手。
JavaScript 教學：從入門到精通
這份講義會從 JavaScript 基本語法開始，一路帶你走到 function、DOM 操作、event listener。
Comments
留言區