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

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

項(xiàng)目 2使用 HTML5組織頁面內(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新增的語義標(biāo)簽 ……… 55
3.2
HTML5視頻、音頻標(biāo)簽 ………… 65
3.3項(xiàng)目案例
………………………… 69
3.4
HTML5新增的表單元素 ………72

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

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)頁布局概述
…………………… 118
5.2盒子模型
………………………… 120
5.3定位機(jī)制
………………………… 124
5.4
CSS布局 ………………………… 135
5.5項(xiàng)目案例
…………………………139

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

項(xiàng)目 7使用 CSS3美化頁面
7.1
CSS3邊框?qū)傩?………………… 176
7.2
文本陰影與文本溢出屬性 ……… 184
7.3
CSS3字體 ……………………… 187
7.4
CSS3的2D轉(zhuǎn)換、過渡與動(dòng)畫 …… ……………………………………… 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語言基礎(chǔ) …………… 213
8.3
JavaScript流程控制語句 ……… 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)畫 ……………… 242
8.12項(xiàng)目案例
………………………251

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

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