基礎
核心
進階
頂尖
網頁設計入門
從 HTML、CSS 到 JavaScript，帶你一步步建立自己的第一個網站，適合完全沒有程式基礎的初學者。
03-09 (ㄧ)開課日期
12開課週數
3H每週時數
FREE限時優惠
課程全貌
課程從 HTML 結構、CSS 版面配置到 JavaScript 基礎互動，逐步完成一個靜態網站專題。
學習成果
完成一個靜態網站專題
課程單元
01
單元一：網頁運作原理與環境建置
認識瀏覽器、VS Code 安裝、HTML 基本骨架。
02
單元二：常用 HTML 標籤與語義化
標題、段落、清單、連結與圖片，強調語義化標籤 (Semantic UI)。
03
單元三：表單與表格實作
Input 各種類型、Button、Table 結構練習。
04
單元四：CSS 基礎與選擇器
顏色、字體、Box Model (邊距、邊框、內距) 觀念建立。
05
單元五：Flexbox 彈性佈局
學習現代網頁最主流的排版方式，解決對齊難題。
06
單元六：RWD 響應式設計基礎
Media Queries 應用，讓網頁在手機與電腦上都能完美顯示。
07
單元七：CSS 動畫與裝飾
Hover 效果、Transition 轉場、Box-shadow 與圓角應用。
08
單元八：JavaScript 變數與資料型別
程式邏輯起步：變數宣告、字串運算、基礎數學運算。
09
單元九：流程控制與判斷式
If...else、迴圈的概念，讓網頁具備「思考」能力。
10
單元十：DOM 元素操作與事件監聽
點擊按鈕更換顏色、收合選單、簡易計算機實作。
11
單元十一：專題實作 - 規劃與設計
整合所學，開始建立自己的第一個靜態網站專題。
12
單元十二：專題實作 - 完成與部署
最終偵錯 (Debug)、部署到 GitHub Pages 並進行成果分享。
課程費用
限時免費