Web前端設計

第一章 網站開發基礎知識

1-1 網站開發基礎知識-Ⅰ

1-2 網站開發基礎知識- Ⅱ

1-3 階段案例 Visual Studio Code 基礎操作

第一章 單元測試

第二章 HTML5基礎

2-1 HTML基礎知識

2-2 HTML基礎標籤-Ⅰ

2-3 階段案例 學院專業介紹

2-4 HTML基礎標籤-Ⅱ

2-5 HTML結構元素

2-6 階段案例 二級學院介紹

第二章章節測試

第三章 HTML5多媒體與表單

3-1 多媒體應用

3-2 階段案例 垃圾分類的好處

3-3 表單的應用

3-4 階段案例 學生信息登記表

第三章章節測試

第四章 CSS3基礎

4-1 CSS3概述

4-2 引入方式

4-3 階段案例 沁園春﹒長沙

4-4 CSS選擇器-Ⅰ

4-4 CSS選擇器-Ⅱ

4-5 階段案例 新聞頁面

4-6 階段案例 設置文章段落樣式

第四章章節測試

第五章 CSS3屬性

5-1 CSS樣式屬性

5-2 超鏈接偽類及列表樣式

5-3 階段案例 新聞網站列表

5-4 線性漸變

5-5 階段案例 流行音樂排行榜

第五章章節測試

第六章 盒子模型與網頁佈局

6-1 盒子模型-Ⅰ

6-1 盒子模型-Ⅱ

6-2 階段案例 讀書網側邊導航

6-3 網頁佈局

6-4 階段案例 電影列表項

第六章 章節測試

第七章 浮動與定位

7-1 浮動

7-2 階段案例 讀書網頭部導航欄

7-3 階段案例 讀書網在線讀書頁面佈局

7-4 定位

7-5 階段案例 帶按鈕的輪播圖片

7-6 階段綜合案例 讀書網在線讀書頁面（上）

7-6 階段綜合案例 讀書網在線讀書頁面（下）

第七章 章節測試

第八章 CSS高級應用

8-1 CSS3變形動畫

8-2 CSS3過渡動畫

8-3 階段案例 遮罩動畫

8-4 CSS3動畫

8-5 階段案例 輪播動畫

第八章 章節測試

第九章 前端框架BootStrap

9.1 響應式網頁設計概述

9.2 媒體查詢

9.3 Bootstrap簡介

9.4 Bootstrap網格系統

9.5 Bootstrap樣式

9.6 階段案例 影視網站首頁

第九章 章節測試 ^[1] 

[1]範玉玲，段春筍等．《HTML5+CSS3+Bootstrap響應式Web前端設計》［M］． 北京：人民郵電出版社．2019

[2]傳智播客高教產品研發部 ．《HTML5+CSS3網站設計基礎教程》[M] ．北京：人民郵電出版社．2016 ^[1]