本書系統(tǒng)講解了HTML5、CSS3、JavaScript、jQuery和Ajax以及Bootstrap框架的基礎(chǔ)理論、基礎(chǔ)知識和基本用法、實際應(yīng)用技術(shù),通過恰當?shù)膶嵗钊霚\出地講解了相關(guān)技術(shù)在Web應(yīng)用中的實現(xiàn)。讀者通過本書的學習,能夠使用Web前端主流工具、技術(shù)和框架實現(xiàn)網(wǎng)頁設(shè)計、開發(fā)以及網(wǎng)站建設(shè)。本書具有語言精練、內(nèi)容豐富、圖文并茂、實用性強等特點,內(nèi)容經(jīng)過精心編排和設(shè)計,理論與實踐相結(jié)合,編排了豐富的例題和大量的練習,所提供的程序代碼都通過了調(diào)試,適合作為高等院校學生、藝術(shù)類學生等非計算機專業(yè)學生的教材,也可作為計算機Web基礎(chǔ)知識的入門教材,或供廣大計算機愛好者參考。
湯來鋒(1976-),男,湖北荊州人,西南財經(jīng)大學天府學院教師,講師,碩士研究生,主要研究方向為計算機網(wǎng)絡(luò)、數(shù)據(jù)庫技術(shù)。
第1章 Web開發(fā)概述 1
1.1 Web概述 1
1.1.1 開發(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 編程語言 4
1.3.2 Web數(shù)據(jù)庫 5
1.3.3 Web服務(wù)器 5
1.4 Web程序開發(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 第一個HTML文檔 12
2.1.2 HTML文檔基本結(jié)構(gòu) 13
2.1.3 HTML文檔頭部信息 13
2.1.4 HTML的<meta>標簽 14
2.1.5 HTML的<link>標簽 14
2.1.6 HTML文檔主體內(nèi)容 14
2.2 文本樣式 15
2.2.1 文本標簽 15
2.2.2 常見塊級標簽 15
2.2.4 預(yù)格式化標簽 16
2.2.5 特殊符號 16
2.2.6 注釋 17
2.2.7 本節(jié)綜合實例 17
2.3 列表 18
2.3.1 無序列表 18
2.3.2 有序列表 19
2.4 表格 20
2.4.1 表格基本語法 20
2.4.2 表格的常用標簽 22
2.4.3 表格的標題與表頭 22
2.4.4 <tr>、<td>、<th>標簽的屬性 24
2.4.5 本節(jié)綜合實例 25
2.5 超鏈接 26
2.5.1 實例 26
2.5.2 超鏈接路徑 28
2.6 圖像 29
2.6.1 實例 29
2.6.2 圖像的常用屬性 30
2.7 表單及控件 31
2.7.1 實例 31
2.7.2 表單標簽屬性 32
2.7.3 表單中的標簽 33
2.7.4 本節(jié)綜合實例 36
2.8 框架 38
2.8.1 實例 38
2.8.2 框架集標簽 38
2.8.3 框架標簽 40
2.9 HTML5的<audio>元素 40
2.9.1 播放音頻的方法 40
2.9.2 使用HTML5的<audio>標簽 41
2.9.3 更好的音頻播放方法 41
2.10 HTML5的<video>元素 42
2.10.1 使用<video>標簽 42
2.10.2 更好的視頻播放方法 42
2.11 HTML5的<canvas>元素 43
2.11.1 創(chuàng)建<canvas>元素 43
2.11.2 通過 JavaScript來繪制 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頁面布局 75
4.1 網(wǎng)頁布局概述 75
4.1.1 網(wǎng)頁布局一般流程 75
4.1.2 網(wǎng)頁布局分類 75
4.2 頁面布局標準 76
4.2.1 傳統(tǒng)頁面布局 76
4.2.2 Web標準布局 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 頁面布局設(shè)計(三行、三列、導(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 綜合實例 111
4.5.1 頁面功能需求分析 111
4.5.2 頁面布局規(guī)劃實施 111
4.5.3 頁面實現(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ù)類型、變量 122
5.4 JavaScript運算符 124
5.5 JavaScript程序控制語句 137
5.6 JavaScript函數(shù) 145
5.7 JavaScript數(shù)組 150
5.8 HTML DOM 152
5.9 JavaScript事件 157
5.10 綜合實例 167
課后作業(yè) 178
第6章 jQuery 179
6.1 jQuery概述 179
6.1.1 什么是 jQuery 179
6.1.2 jQuery 安裝 179
6.1.3 jQuery 語法 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 獨立文件中使用 jQuery 函數(shù) 184
6.3 jQuery的頁面操作 184
6.3.1 獲取與設(shè)置 184
6.3.2 添加元素 189
6.3.3 刪除元素 193
6.3.4 獲取并設(shè)置 CSS 類 195
6.4 jQuery事件處理 200
6.4.1 什么是事件 200
6.4.2 jQuery 事件方法語法 201
6.4.2 常用的 jQuery 事件方法 201
6.5 jQuery動畫效果 206
6.5.1 隱藏和顯示 207
6.5.2 淡入淡出 209
6.5.3 滑動 212
6.5.4 自定義動畫 215
6.5.5 停止動畫 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標準 221
7.2 使用XMLHttpRequest對象 222
7.2.1 XMLHttpRequest對象概述 222
7.2.2 方法和屬性 223
7.2.3 交互示例 224
7.2.4 GET與POST 226
7.2.5 遠程腳本 226
7.2.6 如何發(fā)送簡單請求 228
7.3 與服務(wù)器通信――發(fā)送請求和處理響應(yīng) 231
7.3.1 處理服務(wù)器響應(yīng) 231
7.3.2 發(fā)送請求參數(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