本書(shū)系統(tǒng)講解了HTML5、CSS3、JavaScript、jQuery和Ajax以及Bootstrap框架的基礎(chǔ)理論、基礎(chǔ)知識(shí)和基本用法、實(shí)際應(yīng)用技術(shù),通過(guò)恰當(dāng)?shù)膶?shí)例深入淺出地講解了相關(guān)技術(shù)在Web應(yīng)用中的實(shí)現(xiàn)。讀者通過(guò)本書(shū)的學(xué)習(xí),能夠使用Web前端主流工具、技術(shù)和框架實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)、開(kāi)發(fā)以及網(wǎng)站建設(shè)。本書(shū)具有語(yǔ)言精練、內(nèi)容豐富、圖文并茂、實(shí)用性強(qiáng)等特點(diǎn),內(nèi)容經(jīng)過(guò)精心編排和設(shè)計(jì),理論與實(shí)踐相結(jié)合,編排了豐富的例題和大量的練習(xí),所提供的程序代碼都通過(guò)了調(diào)試,適合作為高等院校學(xué)生、藝術(shù)類(lèi)學(xué)生等非計(jì)算機(jī)專(zhuān)業(yè)學(xué)生的教材,也可作為計(jì)算機(jī)Web基礎(chǔ)知識(shí)的入門(mén)教材,或供廣大計(jì)算機(jī)愛(ài)好者參考。
湯來(lái)鋒(1976-),男,湖北荊州人,西南財(cái)經(jīng)大學(xué)天府學(xué)院教師,講師,碩士研究生,主要研究方向?yàn)橛?jì)算機(jī)網(wǎng)絡(luò)、數(shù)據(jù)庫(kù)技術(shù)。
第1章 Web開(kāi)發(fā)概述 1
1.1 Web概述 1
1.1.1 開(kāi)發(fā)體系結(jié)構(gòu) 1
1.1.2 Web的版本 2
1.2 Web應(yīng)用程序的工作原理 3
1.3 Web應(yīng)用技術(shù)介紹 3
1.3.1 編程語(yǔ)言 4
1.3.2 Web數(shù)據(jù)庫(kù) 5
1.3.3 Web服務(wù)器 5
1.4 Web程序開(kāi)發(fā)配置介紹 6
1.4.1 JDK的安裝與配置 6
1.4.2 Tomcat的安裝與配置 9
1.4.3 HBuilder的下載與使用 9
第2章 HTML基礎(chǔ) 12
2.1 HTML文檔結(jié)構(gòu) 12
2.1.1 第一個(gè)HTML文檔 12
2.1.2 HTML文檔基本結(jié)構(gòu) 13
2.1.3 HTML文檔頭部信息 13
2.1.4 HTML的<meta>標(biāo)簽 14
2.1.5 HTML的<link>標(biāo)簽 14
2.1.6 HTML文檔主體內(nèi)容 14
2.2 文本樣式 15
2.2.1 文本標(biāo)簽 15
2.2.2 常見(jiàn)塊級(jí)標(biāo)簽 15
2.2.4 預(yù)格式化標(biāo)簽 16
2.2.5 特殊符號(hào) 16
2.2.6 注釋 17
2.2.7 本節(jié)綜合實(shí)例 17
2.3 列表 18
2.3.1 無(wú)序列表 18
2.3.2 有序列表 19
2.4 表格 20
2.4.1 表格基本語(yǔ)法 20
2.4.2 表格的常用標(biāo)簽 22
2.4.3 表格的標(biāo)題與表頭 22
2.4.4 <tr>、<td>、<th>標(biāo)簽的屬性 24
2.4.5 本節(jié)綜合實(shí)例 25
2.5 超鏈接 26
2.5.1 實(shí)例 26
2.5.2 超鏈接路徑 28
2.6 圖像 29
2.6.1 實(shí)例 29
2.6.2 圖像的常用屬性 30
2.7 表單及控件 31
2.7.1 實(shí)例 31
2.7.2 表單標(biāo)簽屬性 32
2.7.3 表單中的標(biāo)簽 33
2.7.4 本節(jié)綜合實(shí)例 36
2.8 框架 38
2.8.1 實(shí)例 38
2.8.2 框架集標(biāo)簽 38
2.8.3 框架標(biāo)簽 40
2.9 HTML5的<audio>元素 40
2.9.1 播放音頻的方法 40
2.9.2 使用HTML5的<audio>標(biāo)簽 41
2.9.3 更好的音頻播放方法 41
2.10 HTML5的<video>元素 42
2.10.1 使用<video>標(biāo)簽 42
2.10.2 更好的視頻播放方法 42
2.11 HTML5的<canvas>元素 43
2.11.1 創(chuàng)建<canvas>元素 43
2.11.2 通過(guò) JavaScript來(lái)繪制 43
第3章 CSS基礎(chǔ) 44
3.1 CSS基本概念 44
3.1.1 什么是CSS 44
3.1.2 引入方法 44
3.2 CSS選擇器 49
3.2.1 選擇器定義 49
3.2.2 常用選擇器 50
3.3 常用CSS屬性 58
3.3.1 字體屬性 58
3.3.2 顏色和背景屬性 60
3.3.3 文本屬性 62
3.3.4 列表屬性 64
3.3.5 邊框?qū)傩?66
3.3.6 圖片屬性 67
3.3.7 定位屬性 71
課后作業(yè) 74
第4章 DIV及CSS頁(yè)面布局 75
4.1 網(wǎng)頁(yè)布局概述 75
4.1.1 網(wǎng)頁(yè)布局一般流程 75
4.1.2 網(wǎng)頁(yè)布局分類(lèi) 75
4.2 頁(yè)面布局標(biāo)準(zhǔn) 76
4.2.1 傳統(tǒng)頁(yè)面布局 76
4.2.2 Web標(biāo)準(zhǔn)布局 79
4.3 CSS盒模型 82
4.3.1 盒模型內(nèi)容 82
4.3.2 盒模型填充 83
4.3.3 盒模型邊框 86
4.3.4 盒模型邊界 90
4.3.5 盒模型大小 98
4.4 頁(yè)面布局設(shè)計(jì)(三行、三列、導(dǎo)航) 100
4.4.1 一列固定寬度 100
4.4.2 一列自適應(yīng) 101
4.4.3 兩列固定寬度 102
4.4.4 兩列寬度自適應(yīng) 103
4.4.5 兩列右列寬度自適應(yīng) 104
4.4.6 三列中間寬度自適應(yīng) 104
4.4.7 三行三列 106
4.4.8 導(dǎo)航菜單 108
4.5 綜合實(shí)例 111
4.5.1 頁(yè)面功能需求分析 111
4.5.2 頁(yè)面布局規(guī)劃實(shí)施 111
4.5.3 頁(yè)面實(shí)現(xiàn) 111
課后作業(yè) 119
第5章 JavaScript基礎(chǔ) 120
5.1 JavaScript概述 120
5.2 JavaScript程序結(jié)構(gòu) 121
5.3 JavaScript數(shù)據(jù)類(lèi)型、變量 122
5.4 JavaScript運(yùn)算符 124
5.5 JavaScript程序控制語(yǔ)句 137
5.6 JavaScript函數(shù) 145
5.7 JavaScript數(shù)組 150
5.8 HTML DOM 152
5.9 JavaScript事件 157
5.10 綜合實(shí)例 167
課后作業(yè) 178
第6章 jQuery 179
6.1 jQuery概述 179
6.1.1 什么是 jQuery 179
6.1.2 jQuery 安裝 179
6.1.3 jQuery 語(yǔ)法 181
6.2 jQuery選擇器 181
6.2.1 元素選擇器 181
6.2.2 #id 選擇器 182
6.2.3 .class選擇器 183
6.2.4 更多其他選擇器 183
6.2.5 獨(dú)立文件中使用 jQuery 函數(shù) 184
6.3 jQuery的頁(yè)面操作 184
6.3.1 獲取與設(shè)置 184
6.3.2 添加元素 189
6.3.3 刪除元素 193
6.3.4 獲取并設(shè)置 CSS 類(lèi) 195
6.4 jQuery事件處理 200
6.4.1 什么是事件 200
6.4.2 jQuery 事件方法語(yǔ)法 201
6.4.2 常用的 jQuery 事件方法 201
6.5 jQuery動(dòng)畫(huà)效果 206
6.5.1 隱藏和顯示 207
6.5.2 淡入淡出 209
6.5.3 滑動(dòng) 212
6.5.4 自定義動(dòng)畫(huà) 215
6.5.5 停止動(dòng)畫(huà) 219
第7章 Ajax 221
7.1 Ajax概述 221
7.1.1 什么是Ajax 221
7.1.2 Ajax的工作原理 221
7.1.3 Ajax基于現(xiàn)有的Internet標(biāo)準(zhǔn) 221
7.2 使用XMLHttpRequest對(duì)象 222
7.2.1 XMLHttpRequest對(duì)象概述 222
7.2.2 方法和屬性 223
7.2.3 交互示例 224
7.2.4 GET與POST 226
7.2.5 遠(yuǎn)程腳本 226
7.2.6 如何發(fā)送簡(jiǎn)單請(qǐng)求 228
7.3 與服務(wù)器通信――發(fā)送請(qǐng)求和處理響應(yīng) 231
7.3.1 處理服務(wù)器響應(yīng) 231
7.3.2 發(fā)送請(qǐng)求參數(shù) 238
第8章 BootStrap 245
8.1 BootStrap 概述 245
8.1.1 Bootstrap 安裝 245
8.1.2 Bootstrap特色 247
8.2 BootStrap CSS 248
8.2.1 Bootstrap的基礎(chǔ)布局――Scaffolding 248
8.2.2 排版(Typography)、表格(Table)、表單(Forms)、按鈕(Buttons) 251
8.3 Bootstrap 布局組件 259
8.3.1 按鈕(Button) 259
8.3.2 導(dǎo)航(Navigation) 262