項目 1 Web前端開發(fā)概述
1.1
認識網頁和網站 …………………… 2
1.2
Web前端開發(fā)技術及標準 ……… 6
1.3網頁制作工具
………………………8

項目 2使用 HTML5組織頁面內容

2.1
HTML基礎 ……………………… 16
2.2
HTML5常用標簽 ……………… 20
2.3項目案例
………………………… 40
2.4
HTML表單 ………………………41

項目 3使用 HTML5新增的標簽

3.1
HTML5新增的語義標簽 ……… 55
3.2
HTML5視頻、音頻標簽 ………… 65
3.3項目案例
………………………… 69
3.4
HTML5新增的表單元素 ………72

項目 4使用 CSS樣式設置頁面外觀

4.1認識
CSS ………………………… 83
4.2
CSS選擇器 ……………………… 89
4.3
CSS文本與字體樣式屬性 ……… 97
4.4
CSS背景樣式屬性 ……………… 106
4.5項目案例
…………………………110

5.1網頁布局概述
…………………… 118
5.2盒子模型
………………………… 120
5.3定位機制
………………………… 124
5.4
CSS布局 ………………………… 135
5.5項目案例
…………………………139

項目 6設置頁面導航條和列表樣式
6.1
CSS列表樣式屬性 ……………… 146
6.2
CSS邊框樣式屬性 ……………… 153
6.3
CSS邊距樣式屬性 ……………… 157
6.4項目案例
…………………………159

項目 7使用 CSS3美化頁面
7.1
CSS3邊框屬性 ………………… 176
7.2
文本陰影與文本溢出屬性 ……… 184
7.3
CSS3字體 ……………………… 187
7.4
CSS3的2D轉換、過渡與動畫 …… ……………………………………… 193
7.5項目案例
…………………………199
項目 8使用 JavaScript和jQuery實現動態(tài)效果
8.1初識
JavaScript………………… 211


8.2
JavaScript語言基礎 …………… 213
8.3
JavaScript流程控制語句 ……… 218
8.4
函數的定義及使用 ……………… 222
8.5
數組的定義及使用 ……………… 223
8.6
HTMLDOM(文檔對象模型 )…… ……………………………………… 226
8.7認識
JQuery …………………… 232
8.8
jQuery選擇器 ………………… 234
8.9
jQuery事件操作 ……………… 238
8.10
jQuery的文檔操作 …………… 238
8.11
jQuery動畫 ……………… 242
8.12項目案例
………………………251

項目 9使用 Bootstrap構建響應式網頁
9.1
響應式布局與媒體查詢 ………… 264
9.2
Web前端框架 Bootstrap的使用 … ……………………………………… 267
9.3項目案例
…………………………291

項目 10綜合案例
10.1
“鐘山文化之旅 ”網站首頁制作 …… ……………………………………… 299
10.2響應式布局
“鐘山文化之旅 ”網站首頁制作 ………………………………… 317