目錄
前言
第1章 HTML概述 1
1.1 網(wǎng)頁(yè)制作概述 1
1.1.1 HTML簡(jiǎn)介 1
1.1.2 CSS簡(jiǎn)介 2
1.1.3 JavaScript簡(jiǎn)介 2
1.1.4 HTML5新特性 2
1.2 HTML4常用元素與屬性 3
1.2.1 標(biāo)題類元素 3
1.2.2 基本的HTML 元素 4
1.2.3 插入圖片元素<img> 6
1.2.4 超鏈接<a>元素 8
1.2.5 常用列表元素 11
1.2.6 常用表格元素 15
1.3 HTML的表單元素 19
1.3.1 HTML4常用的表單元素 20
1.3.2 HTML5新增的表單元素及屬性 27
1.4 HTML5的多媒體元素 29
1.4.1 audio元素 29
1.4.2 video元素 30
1.5 項(xiàng)目實(shí)踐：個(gè)人注冊(cè)頁(yè)面的實(shí)現(xiàn) 31
本章小結(jié) 34
第2章 CSS樣式表 35
2.1 CSS基礎(chǔ) 35
2.1.1 CSS簡(jiǎn)介 35
2.1.2 在HTML頁(yè)面中引入CSS的方法 36
2.2 CSS選擇器 37
2.2.1 基本選擇器 37
2.2.2 層次選擇器 39
2.2.3 動(dòng)態(tài)偽類選擇器 41
2.2.4 屬性選擇器 42
2.3 邊框 45
2.3.1 邊框基本屬性 45
2.3.2 CSS3圖片邊框?qū)傩?46
2.3.3 CSS3圓角邊框?qū)傩?47
2.4 背景 49
2.4.1 背景基本屬性 49
2.4.2 CSS3新增背景屬性 50
2.4.3 CSS3多背景屬性 52
2.5 文本 54
2.5.1 文本基本屬性 54
2.5.2 CSS3文本陰影屬性 55
2.5.3 CSS3文本換行 56
2.6 盒模型 58
2.6.1 盒的內(nèi)部結(jié)構(gòu) 58
2.6.2 CSS3新增盒模型屬性 60
2.6.3 CSS3外輪廓屬性 63
2.6.4 CSS3盒子陰影屬性 65
2.6.5 塊級(jí)元素與內(nèi)聯(lián)元素 67
2.7 浮動(dòng)與定位 67
2.7.1 浮動(dòng) 67
2.7.2 定位 71
2.7.3 z-index屬性 73
2.7.4 display屬性 74
2.8 列表 76
2.8.1 list-style-type屬性 76
2.8.2 list-style-image屬性 78
2.8.3 list-style-positio屬性 81
2.8.4 list-style屬性 82
2.8.5 列表應(yīng)用一：水平導(dǎo)航菜單 83
2.8.6 列表應(yīng)用二：圖文列表 84
本章小結(jié) 88
第3章 CSS樣式高級(jí)篇 89
3.1 CSS頁(yè)面布局 89
3.1.1 網(wǎng)頁(yè)基本組成 89
3.1.2 網(wǎng)頁(yè)大小 89
3.1.3 單列布局 90
3.1.4 兩列布局 91
3.1.5 三列布局 95
3.1.6 混合布局 97
3.2 CSS3漸變 101
3.2.1 CSS3線性漸變 102
3.2.2 CSS3徑向漸變 102
3.2.3 CSS3重復(fù)漸變 103
3.3 CSS3變形 103
3.3.1 transform屬性 104
3.3.2 transform-origin屬性 106
3.4 項(xiàng)目實(shí)踐 109
3.4.1 項(xiàng)目簡(jiǎn)介 109
3.4.2 頁(yè)面結(jié)構(gòu) 109
3.4.3 水平導(dǎo)航 110
3.4.4 圖片列表 111
3.4.5 整體布局 113
本章小結(jié) 114
第4章 JavaScript入門 115
4.1 JavaScript介紹 115
4.2 JavaScript入門基礎(chǔ) 116
4.2.1 引入JavaScript 116
4.2.2 數(shù)據(jù)類型 117
4.2.3 變量和常量 119
4.2.4 運(yùn)算符和表達(dá)式 121
4.3 程序流程控制語(yǔ)句 125
4.3.1 分支語(yǔ)句 125
4.3.2 循環(huán)語(yǔ)句 130
4.3.3 try-catch-finally語(yǔ)句 135
4.4 函數(shù) 137
4.4.1 函數(shù)定義 137
4.4.2 函數(shù)變量作用域 140
4.4.3 函數(shù)返回值 142
4.5 JavaScript內(nèi)置對(duì)象與事件 143
4.5.1 JavaScript中的對(duì)象 143
4.5.2 JavaScript內(nèi)置對(duì)象 148
4.5.3 事件 157
4.5.4 項(xiàng)目實(shí)踐 160
本章小結(jié) 164
第5章 DOM對(duì)象與BOM對(duì)象 165
5.1 DOM對(duì)象 165
5.1.1 什么是DOM 165
5.1.2 常用的DOM操作 165
5.2 BOM對(duì)象 175
5.2.1 什么是BOM 175
5.2.2 window對(duì)象 175
5.3 尺寸獲取 180
5.3.1 尺寸獲取的用途 180
5.3.2 screen對(duì)象 180
5.3.3 瀏覽器窗口的尺寸獲取 181
5.3.4 網(wǎng)頁(yè)尺寸 181
5.4 項(xiàng)目實(shí)踐 185
本章小結(jié) 187
第6章 jQuery基本應(yīng)用 188
6.1 jQuery概述 188
6.1.1 認(rèn)識(shí)jQuery 188
6.1.2 配置jQuery開(kāi)發(fā)環(huán)境 189
6.1.3 編寫第一個(gè)jQuery程序 190
6.2 jQuery選擇器 191
6.2.1 基礎(chǔ)選擇器 191
6.2.2 表單選擇器 192
6.3 jQuery HTML操作 195
6.3.1 jQuery訪問(wèn)HTM元素 195
6.3.2 jQuery操作CSS樣式 197
6.3.3 jQuery管理HTML元素 199
6.4 jQuery事件 204
6.4.1 jQuery事件概述 204
6.4.2 jQuery事件處理方法 204
6.4.3 Event對(duì)象 208
6.4.4 jQuery的內(nèi)置事件方法 209
6.5 jQuery動(dòng)畫方法 212
6.5.1 顯示和隱藏 212
6.5.2 淡入和淡出 214
6.5.3 滑動(dòng)效果 215
6.5.4 自定義動(dòng)畫 216
6.6 項(xiàng)目實(shí)踐 220
6.6.1 項(xiàng)目簡(jiǎn)介 220
6.6.2 HTML結(jié)構(gòu) 221
6.6.3 CSS樣式 222
6.6.4 jQuery動(dòng)畫 223
本章小結(jié) 225
第7章 綜合案例 226
7.1 整體布局 226
7.2 Bootstrap響應(yīng)式框架 228
7.2.1 Bootstrap框架簡(jiǎn)介 228
7.2.2 Bootstrap環(huán)境安裝 229
7.2.3 Bootstrap CSS概覽 231
7.2.4 Bootstrap組件概覽 234
7.3 導(dǎo)航區(qū)域 236
7.4 輪播區(qū)域 238
7.5 主體區(qū)域 239
7.6 頁(yè)腳區(qū)域 249
本章小結(jié) 252
參考文獻(xiàn) 253