《網頁程式設計HTML5、JavaScript、CSS、XHTML、Ajax（第4版）》是2016年1月清華大學出版社出版的圖書，作者是陳惠貞。
基本介紹
- 中文名：網頁程式設計HTML5、JavaScript、CSS、XHTML、Ajax（第4版）
- 作者：陳惠貞
- 出版時間：2016年1月
- 出版社：清華大學出版社
- ISBN：9787302422365
- 定價：69 元
內容簡介,圖書目錄,
內容簡介
該書以講述HTML 5與JavaScript為主，其他網頁技術為輔，通過豐富的範例由淺入深地講解了網頁程式設計的語法與套用。全書內容共分四篇。HTML5篇：介紹HTML 4.01已有的元素和HTML5新增、修改或刪除的元素；JavaScript篇：介紹JavaScript的核心語法和JavaScript在瀏覽器端的套用；其他技術篇：介紹其他與網頁設計相關的技術，包括CSS、XHTML與Ajax；HTML 5 API篇：範例講解如何利用JavaScript訪問HTML 5 API技術。
該書適合HTML頁面設計初學者，可適用於高等院校相關專業和培訓學校的教材和輔導用書。
圖書目錄
第1章 網頁設計簡介 1
1-1 網頁設計的流程 2
1-1-1 蒐集資料與規劃網站架構 2
1-1-2 網頁製作與測試 3
1-1-3 網站上傳與推廣 3
1-1-4 網站更新與維護 5
1-1-5 搜尋引擎最佳化（SEO） 5
1-2 網頁設計相關的程式設計語言 6
1-3 移動版網頁對比PC版網頁 8
1-4 移動版網頁的設計原則 9
1-5 回響式網頁設計（RWD） 11
1-6 HTML的演進 12
1-7 HTML 5的新功能 14
1-8 HTML 5檔案的編寫方式 18
1-8-1 HTML 5檔案的編輯工具 18
1-8-2 HTML 5檔案的基本語法 20
1-8-3 編寫您的第一份HTML 5檔案 24
第2章 檔案結構 27
2-1 HTML檔案的DOCTYPE——<!doctype>元素 28
2-2 HTML檔案的根元素——<html>元素 28
2-2-1 全局屬性 29
2-2-2 事件屬性 30
2-3 HTML檔案的標頭——<head>元素 30
2-3-1 <title>元素（檔案標題） 31
2-3-2 <meta>元素（檔案相關信息） 31
2-4 HTML檔案的主體——<body>元素 32
2-4-1 <h1>~<h6>元素（標題1~6） 37
2-4-2 <p>元素（段落） 38
2-5 HTML 5新增的結構元素 40
2-6 區段結構 41
2-6-1 <article>與<section>元素（文章/通用的區段） 41
2-6-2 <nav>元素（導航欄） 46
2-6-3 <header>與<footer>元素（頁首/頁尾） 47
2-6-4 <aside>元素（側邊欄） 49
2-7 區段的附加信息 50
2-7-1 <address>元素（聯絡信息） 50
2-7-2 <time>元素（日期時間） 51
第3章 數據編輯與格式化 54
3-1 區塊格式 55
3-1-1 <pre>元素（預先格式化的區塊） 55
3-1-2 <blockquote>元素（左右縮排的區塊） 56
3-1-3 <hr>元素（水平線） 56
3-1-4 <div>元素（群組成一個區塊） 57
3-1-5 <marquee>元素（跑馬燈） 58
3-1-6 <!-- -->（注釋） 59
3-2 文字格式 59
3-2-1 <b>、<i>、<u>、<sub>、<sup>、<small>、<em>、<strong>、<dfn>、
<code>、<samp>、<kbd>、<var>、<cite>、<abbr>、<s>、<q>、
<mark>元素 60
3-2-2 <ruby>、<rt>、<rp>元素（注音或拼音） 62
3-2-3 <font>、<basefont>元素（字型） 63
3-2-4 <br>元素（換行） 64
3-2-5 <span>元素（群組成一行） 66
3-3 項目符號與編號——<ul>、<ol>、<li>元素 67
3-4 定義列表——<dl>、<dt>、<dd>元素 69
3-5 插入或刪除數據——<ins>、<del>元素 70
3-6 提示文字——title屬性 71
第4章 超連結 75
4-1 URI的類型 76
4-1-1 絕對URI 77
4-1-2 相對URI 77
4-2 標記超連結——<a>元素 78
4-2-1 自定義超連結文字的顏色 81
4-2-2 提供檔案下載的超連結 81
4-2-3 連結至E-mail地址的超連結 83
4-3 指定相對URI的路徑信息——<base>元素 84
4-4 指定檔案之間的引用——<link>元素 84
4-5 建立書籤 85
第5章 圖片 89
5-1 嵌入圖片——<img>元素 90
5-1-1 圖片的高度、寬度與框線 90
5-1-2 圖片的對齊方式 91
5-1-3 圖片的替代顯示文字 93
5-1-4 圖片的水平間距與垂直間距 93
5-1-5 圖片超連結與縮略圖 95
5-2 影像地圖——<map>、<area>元素 96
5-3 標註——<figure>、<figcaption>元素 100
5-4 建立繪圖區——<canvas>元素 101
第6章 表格 105
6-1 建立表格——<table>、<tr>、<td>、<th>元素 106
6-2 表格與單元格的格式化 110
6-2-1 表格的背景顏色與背景圖片 110
6-2-2 表格的寬度、框線顏色、單元格填充與單元格間距 111
6-2-3 表格的框線大小、外框線與內框線顯示方式 111
6-2-4 表格的對齊方式 113
6-2-5 單元格的對齊方式 115
6-2-6 單元格的背景顏色與背景圖片 116
6-3 表格標題－<caption>元素 118
6-4 合併單元格 119
6-5 表格的表頭、主體與表尾——<thead>、<tbody>、<tfoot>元素 123
6-6 直列式表格——<colgroup>、<col>元素 125
第7章 影音多媒體 130
7-1 HTML 5的影音功能 131
7-2 嵌入視頻與音頻－<video>、<audio>元素 132
7-2-1 src屬性 133
7-2-2 autoplay、loop屬性 133
7-2-3 controls屬性 133
7-2-4 poster屬性 134
7-2-5 width、height屬性 135
7-2-6 preload屬性 135
7-3 視頻/音頻編解碼器 136
7-3-1 容器檔案格式 136
7-3-2 視頻編解碼器 137
7-3-3 音頻編解碼器 137
7-4 指定影音檔案的來源——<source>元素 138
7-5 嵌入資源檔案——<embed>元素 142
7-6 嵌入對象——<object>元素 142
7-6-1 嵌入視頻 143
7-6-2 嵌入音頻 144
7-6-3 嵌入ActiveX Controls 145
7-6-4 嵌入Java Applets 147
7-7 Scripting——<script>、<noscript>元素 149
7-7-1 嵌入JavaScript 149
7-7-2 嵌入VBScript 151
7-8 嵌入CSS樣式表單——<style>元素 152
7-9 網頁自動導向 154
第8章 窗體與後端處理 157
8-1 建立窗體－<form>、<input>元素 158
8-2 HTML 4.01現有的輸入類型 161
8-2-1 按鈕 162
8-2-2 單行文本框 163
8-2-3 單選按鈕 163
8-2-4 複選框 164
8-2-5 多行文本框 165
8-2-6 下拉選單 167
8-2-7 窗體的後端處理 170
8-2-8 密碼欄位 173
8-2-9 隱藏欄位 174
8-2-10 上傳檔案欄位 174
8-3 HTML 5新增的輸入類型 176
8-3-1 email類型 176
8-3-2 url類型 177
8-3-3 search類型 178
8-3-4 tel類型 178
8-3-5 number類型 178
8-3-6 range類型 179
8-3-7 color類型 180
8-3-8 日期時間類型（date、time、datetime、month、week、datetime-local） 181
8-4 標籤文字——<label>元素 183
8-5 將窗體欄位框起來——<fieldset>、<legend>元素 184
8-6 其他新增的窗體元素 185
8-6-1 <output>元素 186
8-6-2 <progress>元素 186
8-6-3 <meter>元素 188
8-6-4 <keygen>元素 189
8-6-5 <optgroup>元素 190
8-7 HTML 5新增的form屬性 191
第9章 JavaScript基本語法 194
9-1 JavaScript的演進 195
9-2 編寫第一個JavaScript程式 195
9-3 JavaScript程式代碼編寫慣例 199
第10章 類型、變數與運算符 202
10-1 類型 203
10-1-1 數值（number） 203
10-1-2 字元串（string） 203
10-1-3 布爾（boolean） 204
10-2 變數 205
10-2-1 變數的命名規則 205
10-2-2 變數的聲明方式 206
10-3 運算符 207
10-3-1 算術運算符 208
10-3-2 遞增/遞減運算符 209
10-3-3 邏輯運算符 209
10-3-4 比較運算符 210
10-3-5 位運算符 211
10-3-6 賦值運算符 211
10-3-7 條件運算符 212
10-3-8 類型運算符 212
10-3-9 運算符的優先權 212
第11章 流程控制 216
11-1 認識流程控制 217
11-2 if 217
11-2-1 if...：如果...就...（單向選擇） 217
11-2-2 if...else...：如果...就...否則...（雙向選擇） 220
11-2-3 if...else if...：如果...就...否則如果...就...否則...（多向選擇） 221
11-3 switch 224
11-4 for 227
11-5 while 231
11-6 do 233
11-7 for...in 234
11-8 break與continue 236
第12章 函式 239
12-1 認識函式 240
12-2 用戶自定義函式 241
12-2-1 函式的參數 243
12-2-2 函式的返回值 244
12-3 局部變數V.S.全局變數 246
12-4 JavaScript內部函式 248
12-4-1 encodeURI()、decodeURI() 249
12-4-2 encodeURIComponent()、decodeURIComponent() 249
12-4-3 eval() 249
12-4-4 isFinite()、isNaN() 250
12-4-5 Number()、parseInt()、parseFloat() 250
12-5 函式館 251
第13章 對象 254
13-1 認識對象 255
13-2 window對象 257
13-3 核心對象 261
13-3-1 Number對象 261
13-3-2 Boolean對象 263
13-3-3 String對象 263
13-3-4 Function對象 266
13-3-5 Object對象 266
13-3-6 Math對象 267
13-3-7 Date對象 269
13-3-8 Array對象 272
13-3-9 Error對象 283
13-4 環境對象 286
13-4-1 location對象 286
13-4-2 screen對象 287
13-4-3 navigator對象 288
13-4-4 history對象 290
13-5 document對象 291
13-6 element對象 297
第14章 事件處理與實用範例 302
14-1 事件驅動模式 303
14-2 事件的類型 303
14-2-1 傳統的事件 304
14-2-2 HTML 5事件 304
14-2-3 DOM事件 305
14-2-4 觸控事件 305
14-3 事件處理程式 305
14-4 JavaScript實用範例 310
14-4-1 列印網頁 310
14-4-2 隨機變換背景圖片 311
14-4-3 網頁跑馬燈 312
14-4-4 半透明效果 313
14-4-5 具有超連結功能的下拉選單 314
14-4-6 顯示進入時間 315
14-4-7 顯示停留時間 316
14-4-8 顯示線上時鐘 317
14-4-9 自動切換成PC版網頁或移動版網頁 318
第15章 CSS 321
15-1 CSS的演進 322
15-2 CSS樣式規則與選擇器 323
15-3 連結HTML檔案與CSS樣式表單 326
15-3-1 在<head>元素裡面嵌入樣式表單 327
15-3-2 使用HTML元素的style屬性指定樣式表單 327
15-3-3 將外部的樣式表單導入HTML檔案 328
15-3-4 將外部的樣式表單連結至HTML檔案 329
15-4 選擇器的類型 330
15-4-1 類型選擇器 330
15-4-2 後裔選擇器 330
15-4-3 萬用選擇器 330
15-4-4 類選擇器 330
15-4-5 ID選擇器 334
15-4-6 屬性選擇器 337
15-4-7 偽類選擇器 338
15-5 常用的CSS屬性 341
15-5-1 字型屬性 341
15-5-2 文本屬性 342
15-5-3 顏色屬性 344
15-5-4 背景屬性 344
15-5-5 框線屬性 347
第16章 XHTML 350
16-1 認識XHTML 351
16-2 XHTML與HTML的區別 352
16-3 嚴格遵循XHTML檔案 356
16-4 驗證XHTML檔案 357
第17章 Ajax 360
17-1 認識動態網頁技術 361
17-1-1 瀏覽器端Scripts 361
17-1-2 伺服器端Scripts 362
17-2 認識Ajax 364
17-3 編寫導入Ajax技術的動態網頁 365
第18章 Canvas API 371
18-1 HTML 5的繪圖功能 372
18-2 設定繪製樣式與填滿樣式 373
18-3 繪製矩形 374
18-4 設定漸層與圖樣 375
18-5 繪製圖像 378
18-6 建立路徑與繪製圖形 379
18-6-1 繪製直線 381
18-6-2 繪製矩形 381
18-6-3 繪製圓弧、圓形與扇形 382
18-6-4 剪下區域 384
18-7 設定線條樣式 385
18-8 繪製文字與設定文字樣式 386
18-9 設定陰影樣式 387
18-10 變形 388
18-11 重疊 391
18-12 像素運算 393
18-13 存儲與回復繪圖區狀態 395
18-14 導出圖片 396
第19章 Video/Audio API 397
19-1 <video>與<audio>元素的屬性與方法 398
19-2 <video>與<audio>元素的事件 400
第20章 Drag and Drop API 405
20-1 網頁元素的拖放操作 406
20-1-1 指定拖曳來源並處理拖動開始（dragstart）事件 407
20-1-2 指定放置目標並處理放置（drop）事件 409
20-1-3 處理拖動結束（dragend）事件 410
20-2 拖放操作相關的事件 413
20-3 DataTransfer對象的屬性與方法 413
第21章 Geolocation API 416
21-1 HTML 5的地理定位功能 417
21-2 使用Geolocation API 418
21-2-1 測試瀏覽器的地理定位功能 418
21-2-2 單次獲取用戶的位置 419
21-2-3 持續追蹤用戶的位置與取消追蹤 424
附錄 HTML框架元素 425
A-1 建立框架——<frameset>、<frame>、<noframes>元素 426
A-1-1 指定框架的數目、大小與位置 428
A-1-2 製作框架的內容 433
A-1-3 指定框架的格式 435
A-1-4 針對不支持框架的瀏覽器設計內容 437
A-2 包含水平框架與垂直框架的網頁 438
A-3 嵌入浮動框架——<iframe>元素 440
A-4 製作導航欄 441
A-4-1 使用<base>元素的target屬性指定目標框架 444
A-4-2 特殊的target屬性值 445
