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 實作出網站

?