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

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

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

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

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

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

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

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

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

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

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


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

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

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