CH01 網頁基礎概念與VS Code + Brackets 的使用
1-1 簡介HTML5、CSS3與JavaScript
1-2 網頁的結構
1-3 VS Code + Brackets 的安裝與使用
1-4 常用瀏覽器
1-5 好用的網站
CH02 HTML與CSS初體驗
2-1 HTML標籤簡介
2-2 使用HTML標籤製作網頁
2-3 CSS樣式
2-4 使用CSS設定網頁樣式
CH03 網頁結合CSS與JavaScript 入門、Chrome開發人員工具的使用
3-1 HTML、CSS與JavaScript的角色
3-2 JavaScript與CSS匯入的方式
3-3 JavaScript與CSS範例─更改網頁中圖片
3-4 Chrome開發人員工具
CH04 使用CSS設定文字與圖片
4-1 使用CSS設定文字
4-2 使用CSS設定圖片
4-3 使用CSS設定背景顏色與背景圖片
CH05 CSS選擇器
5-1 CSS選擇器
5-2 套用多個選擇器、萬用選擇器與群組選擇器
5-3 屬性選擇器
5-4 虛擬選擇器
CH06 使用CSS進行版面編排
6-1 CSS版面編排概念
6-2 兩欄式版面
6-3 三欄式版面
CH07 區塊元素與屬性position的使用
7-1 區塊元素
7-2 屬性position的使用
CH08 CSS的屬性display 與套用順序
8-1 屬性display
8-2 CSS套用順序
CH09 使用CSS製作多層級選單
9-1 使用CSS製作多層級選單(1)
9-2 使用CSS製作多層級選單(2)
CH10 利用CSS製作各種特效
10-1 文字陰影、漸層、區塊陰影與邊線弧度特效
10-2 CSS變形特效
10-3 按鈕特效範例
CH11 表格、縮排清單、表單、影片與聲音
11-1 表格與縮排清單
11-2 表單
11-3 在網頁中加入影片與聲音
CH12 網頁中加入JavaScript、JavaScript 的變數與運算子
12-1 網頁中加入JavaScript
12-2 變數
12-3 運算子
CH13 JavaScript 條件判斷與迴圈
13-1 JavaScript條件判斷
13-2 迴圈
CH14 JavaScript 陣列、函式與事件
14-1 陣列
14-2 函式
14-3 事件
CH15 文件物件模型
15-1 DOM元素的常用屬性與方法
15-2 DOM的應用範例
CH16 HTML5與JavaScript 結合的常用功能
16-1 Canvas畫布功能
16-2 SVG功能
16-3 儲存功能
16-4 查詢經緯度
16-5 Web Workers
16-6 Server-Sent Events
CH17 HTML、CSS與JavaScript 的應用範例
17-1 製作三階層選單範例
17-2 製作圖片播放器
CH18 網站製作規劃
18-1 網站規劃
18-2 實作出網站
2024專利防護中