目錄
前言
第1章 HTML概述 1
1.1 網(wǎng)頁制作概述 1
1.1.1 HTML簡介 1
1.1.2 CSS簡介 2
1.1.3 JavaScript簡介 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àn) 31
本章小結(jié) 34
第2章 CSS樣式表 35
2.1 CSS基礎(chǔ) 35
2.1.1 CSS簡介 35
2.1.2 在HTML頁面中引入CSS的方法 36
2.2 CSS選擇器 37
2.2.1 基本選擇器 37
2.2.2 層次選擇器 39
2.2.3 動態(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 塊級元素與內(nèi)聯(lián)元素 67
2.7 浮動與定位 67
2.7.1 浮動 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樣式高級篇 89
3.1 CSS頁面布局 89
3.1.1 網(wǎng)頁基本組成 89
3.1.2 網(wǎng)頁大小 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 項目實踐 109
3.4.1 項目簡介 109
3.4.2 頁面結(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 運算符和表達式 121
4.3 程序流程控制語句 125
4.3.1 分支語句 125
4.3.2 循環(huán)語句 130
4.3.3 try-catch-finally語句 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)置對象與事件 143
4.5.1 JavaScript中的對象 143
4.5.2 JavaScript內(nèi)置對象 148
4.5.3 事件 157
4.5.4 項目實踐 160
本章小結(jié) 164
第5章 DOM對象與BOM對象 165
5.1 DOM對象 165
5.1.1 什么是DOM 165
5.1.2 常用的DOM操作 165
5.2 BOM對象 175
5.2.1 什么是BOM 175
5.2.2 window對象 175
5.3 尺寸獲取 180
5.3.1 尺寸獲取的用途 180
5.3.2 screen對象 180
5.3.3 瀏覽器窗口的尺寸獲取 181
5.3.4 網(wǎng)頁尺寸 181
5.4 項目實踐 185
本章小結(jié) 187
第6章 jQuery基本應(yīng)用 188
6.1 jQuery概述 188
6.1.1 認識jQuery 188
6.1.2 配置jQuery開發(fā)環(huán)境 189
6.1.3 編寫第一個jQuery程序 190
6.2 jQuery選擇器 191
6.2.1 基礎(chǔ)選擇器 191
6.2.2 表單選擇器 192
6.3 jQuery HTML操作 195
6.3.1 jQuery訪問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對象 208
6.4.4 jQuery的內(nèi)置事件方法 209
6.5 jQuery動畫方法 212
6.5.1 顯示和隱藏 212
6.5.2 淡入和淡出 214
6.5.3 滑動效果 215
6.5.4 自定義動畫 216
6.6 項目實踐 220
6.6.1 項目簡介 220
6.6.2 HTML結(jié)構(gòu) 221
6.6.3 CSS樣式 222
6.6.4 jQuery動畫 223
本章小結(jié) 225
第7章 綜合案例 226
7.1 整體布局 226
7.2 Bootstrap響應(yīng)式框架 228
7.2.1 Bootstrap框架簡介 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 頁腳區(qū)域 249
本章小結(jié) 252
參考文獻 253