Web前端設(shè)計(jì)與制作：HTML+CSS+JavaScript

項(xiàng)目 1 Web前端開(kāi)發(fā)概述
1.1
認(rèn)識(shí)網(wǎng)頁(yè)和網(wǎng)站 …………………… 2
1.2
Web前端開(kāi)發(fā)技術(shù)及標(biāo)準(zhǔn) ……… 6
1.3網(wǎng)頁(yè)制作工具
………………………8

項(xiàng)目 2使用 HTML5組織頁(yè)面內(nèi)容

2.1
HTML基礎(chǔ) ……………………… 16
2.2
HTML5常用標(biāo)簽 ……………… 20
2.3項(xiàng)目案例
………………………… 40
2.4
HTML表單 ………………………41

項(xiàng)目 3使用 HTML5新增的標(biāo)簽

3.1
HTML5新增的語(yǔ)義標(biāo)簽 ……… 55
3.2
HTML5視頻、音頻標(biāo)簽 ………… 65
3.3項(xiàng)目案例
………………………… 69
3.4
HTML5新增的表單元素 ………72

項(xiàng)目 4使用 CSS樣式設(shè)置頁(yè)面外觀

4.1認(rèn)識(shí)
CSS ………………………… 83
4.2
CSS選擇器 ……………………… 89
4.3
CSS文本與字體樣式屬性 ……… 97
4.4
CSS背景樣式屬性 ……………… 106
4.5項(xiàng)目案例
…………………………110

5.1網(wǎng)頁(yè)布局概述
…………………… 118
5.2盒子模型
………………………… 120
5.3定位機(jī)制
………………………… 124
5.4
CSS布局 ………………………… 135
5.5項(xiàng)目案例
…………………………139

項(xiàng)目 6設(shè)置頁(yè)面導(dǎo)航條和列表樣式
6.1
CSS列表樣式屬性 ……………… 146
6.2
CSS邊框樣式屬性 ……………… 153
6.3
CSS邊距樣式屬性 ……………… 157
6.4項(xiàng)目案例
…………………………159

項(xiàng)目 7使用 CSS3美化頁(yè)面
7.1
CSS3邊框?qū)傩?………………… 176
7.2
文本陰影與文本溢出屬性 ……… 184
7.3
CSS3字體 ……………………… 187
7.4
CSS3的2D轉(zhuǎn)換、過(guò)渡與動(dòng)畫(huà) …… ……………………………………… 193
7.5項(xiàng)目案例
…………………………199
項(xiàng)目 8使用 JavaScript和jQuery實(shí)現(xiàn)動(dòng)態(tài)效果
8.1初識(shí)
JavaScript………………… 211


8.2
JavaScript語(yǔ)言基礎(chǔ) …………… 213
8.3
JavaScript流程控制語(yǔ)句 ……… 218
8.4
函數(shù)的定義及使用 ……………… 222
8.5
數(shù)組的定義及使用 ……………… 223
8.6
HTMLDOM(文檔對(duì)象模型 )…… ……………………………………… 226
8.7認(rèn)識(shí)
JQuery …………………… 232
8.8
jQuery選擇器 ………………… 234
8.9
jQuery事件操作 ……………… 238
8.10
jQuery的文檔操作 …………… 238
8.11
jQuery動(dòng)畫(huà) ……………… 242
8.12項(xiàng)目案例
………………………251

項(xiàng)目 9使用 Bootstrap構(gòu)建響應(yīng)式網(wǎng)頁(yè)
9.1
響應(yīng)式布局與媒體查詢(xún) ………… 264
9.2
Web前端框架 Bootstrap的使用 … ……………………………………… 267
9.3項(xiàng)目案例
…………………………291

項(xiàng)目 10綜合案例
10.1
“鐘山文化之旅 ”網(wǎng)站首頁(yè)制作 …… ……………………………………… 299
10.2響應(yīng)式布局
“鐘山文化之旅 ”網(wǎng)站首頁(yè)制作 ………………………………… 317