基於HTML5，提供具有自主學習、輔導答疑、提交作業及實驗報告、自動考試、自動判卷和自動產生成績單等功能的網絡教學平臺。

HTML5 是新一代的網頁設計工具，近十年Web開發標準取得了快速發展。本書繫統講解了HTML5程序設計需要掌握的HTML、CSS3和JavaScript的基本知識，並按照循序漸進的科學原則組織內容，知識體繫完整、結構清晰、敘述簡潔、例題典型豐富，可操作性強。通過本書的學習能夠掌握使用HTML5進行客戶端頁面設計和客戶端程序開發的基本技術。
本書內容分為三部分，第一部分介紹HTML5網頁設計基礎知識，包括網頁設計理論、HTML5語言基礎、表單設計、CSS3基礎和CSS布局及排版；第二部分介紹JavaScript程序設計，包括JavaScript語言基礎、JavaScript對像、DOM和事件處理；第三部分介紹HTML5應用，包括Canvas API、音頻和視頻、本地數據存儲、通信API，地理位置API和簡單小遊戲開發。
本書內容豐富，注重實際編程與開發能力的培養。不僅提供所有例題和開發實例的源代碼、所有習題的電子版參考答案、電子課件，還提供具有自主學習、輔導答疑、提交作業及實驗報告、自動考試、自動判卷和自動產生成績單等功能的網絡教學平臺。

範伊紅，女，1975年8月出生，副教授，碩士研究生，現任河南科技大學軟件學院軟件技術繫主任，1996年至2010年期間，在河南科技大學電子信息工程學院從事本科各專業的計算機文化基礎、高級語言程序設計（c、vc、c++、vb、vfp）等課程的理論教學與實驗教學工作，2010年至今主要擔任軟件學院的網頁設計、JavaScript、java、c#等課程的理論教學與實驗教學工作。

第1章 網頁設計理論\t1
1．1 網頁的來源和本質\t1
1．1．1 互聯網和網頁的誕生\t1
1．1．2 網頁的本質\t2
1．2 網頁素\t2
1．3 網頁的尺寸\t3
1．3．1 分辨率\t3
1．3．2 像素\t4
1．3．3 網頁的基本尺寸\t4
1．4 網頁的布局\t4
1．4．1 網頁布局的方式\t4
1．4．2 網頁布局的技術實現\t5
1．5 網頁的色彩\t6
1．5．1 RGB模式\t6
1．5．2 色彩搭配\t7
1．5．3 色彩和風格\t8
1．6 需求分析\t9
1．7 網頁設計流程\t10
小結\t11
習題\t11
第2章 HTML語言\t12
2．1 HTML概述\t12
2．2 HTML語法\t12
2．3 HTML文檔結構\t13
2．3．1 DOCTYPE文檔聲明\t14
2．3．2 頭部標記\t14
2．3．3 body標記\t17
2．4 HTML常用標記\t18
2．4．1 文本標記\t18
2．4．2 圖像標記\t21
2．4．3 超鏈接標記\t23
2．4．4 列表標記\t27
2．4．5 分節標記\t29
2．4．6 表格標記\t31
2．4．7 浮動框架標記\t34
2．4．8 多媒體標記\t35
2．4．9 交互標記\t38
小結\t39
習題\t39
第3章 HTML5表單\t40
3．1 動態網頁與網頁的動態效果\t40
3．2 表單設計基礎\t40
3．3 表單標記\t40
3．3．1 表單標記＜form＞\t41
3．3．2 輸入標記＜input＞\t41
3．3．3 下拉列表框標記＜select＞\t46
3．3．4 多行文本框標記＜textarea＞\t47
3．3．5 表單分組標記＜fieldset＞與分組標題標記＜legend＞\t48
3．3．6 按鈕標記＜button＞\t48
3．3．7 綁定標記＜label＞\t48
3．3．8 輸出標記＜output＞\t49
3．3．9 生成秘鑰對標記＜keygen＞\t49
3．4 綜合實例\t50
小結\t51
習題\t51
第4章 CSS基礎\t53
4．1 CSS的概念\t53
4．2 CSS的基本語法\t53
4．2．1 CSS規則\t53
4．2．2 CSS的引用方法\t54
4．2．3 CSS注釋\t56
4．3 選擇器\t56
4．3．1 基本CSS選擇器\t56
4．3．2 復合選擇符\t59
4．3．3 偽素選擇器\t61
4．4 CSS的繼承特性\t66
4．5 CSS的層疊特性\t68
4．6 CSS常用單位\t69
4．7 CSS書寫和命名規範\t70
小結\t71
習題\t71
第5章 CSS頁面布局及排版\t73
5．1 CSS盒子模型\t73
5．1．1 盒子模型的概念\t73
5．1．2 邊框（border）\t74
5．1．3 內容\t77
5．1．4 padding（內邊距）\t79
5．1．5 margin （外邊距）\t80
5．2 盒子之間的關繫\t80
5．2．1 標準文檔流\t81
5．2．2 素和s素\t82
5．2．4 盒子在標準流中的定位\t84
5．2．5 盒子的浮動與定位\t86
5．2．6 z-index空間位置\t92
5．2．7 盒子的display屬性\t92
5．3 CSS頁面布局\t93
5．3．1 寬度固定且居中版式\t93
5．3．2 “工”字型版式\t97
5．4 CSS內容排版\t99
5．4．1 CSS設置文字樣式\t99
5．4．2 CSS設置圖像樣式\t107
5．4．3 CSS設置背景樣式\t110
5．4．4 CSS設置列表樣式\t113
5．4．5 通過CSS設置豐富的超鏈接\t115
5．4．6 鼠標特效\t118
5．4．7 CSS設置表格樣式\t118
5．4．8 CSS設置表單樣式\t123
5．5 瀏覽器兼容\t125
小結\t126
習題\t126
第6章 JavaScript基礎\t128
6．1 JavaScript概述\t128
6．1．1 JavaScript簡介\t128
6．1．2 JavaScript的應用\t129
6．1．3 JavaScript嵌入網頁的方式\t129
6．1．4 JavaScript的特點\t133
6．1．5 JavaScript程序代碼的編寫習慣\t133
6．2 JavaScript語法基礎\t134
6．2．1 數據類型、常量、變量\t134
6．2．2 數據類型的轉換\t137
6．2．3 運算符和表達式\t138
6．2．4 JavaScript程序流程控制\t142
6．2．5 JavaScript函數\t150
小結\t156
習題\t156
第7章 JavaScript對像\t158
7．1 面向對像的基本概念\t158
7．1．1 對像和類\t158
7．1．2 使用對像\t158
7．1．3 對像廢除\t159
7．1．4 對像類型\t159
7．2 核心對像\t160
7．2．1 Math對像\t160
7．2．2 Number對像\t161
7．2．3 Boolean對像\t163
7．2．4 String對像\t163
7．2．5 Array對像\t165
7．2．6 Date對像\t170
7．2．7 Object對像\t170
7．2．8 Function對像\t171
7．2．9 RegExp對像\t173
7．3 環境對像\t175
7．3．1 window對像\t175
7．3．2 location對像\t179
7．3．3 navigator對像\t180
7．3．4 history對像\t181
7．3．5 screen對像\t182
7．3．6 document對像\t182
小結\t186
習題\t186
第8章DOM技術\t188
8．1DOM概述\t188
8．1．1 DOM節點樹\t188
8．1．2 節點屬性和方法\t189
8．2 獲取節點\t190
8．2．1 獲取特定的節點\t190
8．2．2 獲取相關節點\t193
8．2．3 屬性節點的訪問方法\t194
8．3 操作節點\t196
8．3．1 創建節點\t196
8．3．2 插入節點\t196
8．3．3 替換節點\t197
8．3．4 刪除節點\t197
8．3．5 綜合舉例\t197
小結\t199
習題\t199
第9章 JavaScript事件處理\t201
9．1 事件模型\t201
9．1．1 原始事件模型\t201
9．1．2 DOM事件模型\t203
9．1．3 IE事件模型\t206
9．2 event對像\t207
9．2．1 DOM event對像\t207
9．2．2 IE event對像\t208
9．3 HTML5事件屬性\t209
9．3．1 window事件屬性\t209
9．3．2 表單事件\t210
9．3．3 鍵盤事件\t211
9．3．4 鼠標事件\t212
9．3．5 媒介事件\t215
小結\t216
習題\t216
第10章HTML5 Canvas繪制圖形\t218
10．1HTML5 Canvas概述\t218
10．1．1 Canvas發展歷程\t218
10．1．2 HTML5 Canvas標記\t218
10．1．3 HTML5 Canvas瀏覽器支持\t219
10．2HTML5 Canvas API\t219
10．2．1 檢測瀏覽器支持情況\t219
10．2．2 繪制簡單圖形\t220
10．2．3 繪制路徑\t221
10．2．4 繪圖樣式\t223
10．2．5繪制矩形\t224
10．2．6 繪制曲線\t225
10．2．7 繪制圖像\t227
10．2．8 圖形漸變\t228
10．2．9 圖形變形\t231
10．2．10 繪制文本\t233
10．2．11 應用陰影\t234
10．2．12 基本動畫\t235
10．3 HTML5 Canvas應用\t239
10．3．1 熱點圖\t239
10．3．2 餅狀圖\t242
10．3．3 折線圖\t243
小結\t245
第11章 HTML5音頻和視頻技術\t246
11．1 HTML 5音頻\t246
11．1．1 音頻格式\t246
11．1．2 audio標記\t246
11．1．3 使用JavaScript操控audio 對像\t247
11．1．4 HTML5 audio 對像實例\t250
11．2 HTML5視頻\t256
11．2．1 視頻格式\t256
11．2．2 video標記\t256
11．2．3 使用JavaScript操控video對像\t258
小結\t261
第12章 HTML5本地數據存儲\t262
12．1 本地數據存儲概述\t262
12．2 離線資源緩存\t262
12．2．1 cache manifest文件實現緩存\t263
12．2．2 配置Web服務器支持manifest文件類型\t264
12．2．3 cache manifest文件格式\t265
12．2．4 瀏覽器訪問本地緩存資源文件的過程\t267
12．2．5 緩存資源的更新\t268
12．2．6 在線狀態檢測\t271
12．3 Web Storage本地存儲\t271
12．3．1 檢測瀏覽器是否支持本地存儲\t272
12．3．2 localStorage 的使用\t272
12．3．3 sessionStorage 的使用\t275
12．4 Web SQL Database本地數據庫存儲\t276
12．4．1 Web SQL Database的用途\t276
12．4．2 Web SQL Database 基本用法\t276
12．5 本地數據存儲綜合實例\t281
小結\t283
第13章 HTML5通信API\t284
13．1 XMLHttpRequest對像\t284
13．1．1 XMLHttpRequest對像\t284
13．1．2 XMLHttpRequest Level 2\t290
13．1．3 發送和接收文本數據\t292
13．1．4 文件上傳和接收二進制數據\t294
13．1．5 跨域資源共享\t297
13．2 跨文檔通信\t299
13．2．1 message事件和屬性\t299
13．2．2 跨文檔消息通信舉例\t299
13．3 WebSockets 通信\t301
13．3．1 HTML5 WebSockets API\t301
13．3．2 WebSockets通信舉例\t302
小結\t305
第14章 HTML5地理位置API\t306
14．1 HTML5 Geolocation基礎\t306
14．2 Geolocation API實現地理定位\t309
14．3 google地圖中顯示地理位置\t310
小結\t313
第15章 HTML5遊戲開發\t314
15．1 HTML5遊戲開發的準備\t314
15．1．1 利用Canvas創建場景和遊素\t314
15．1．2 素動畫的實現\t316
15．1．3 素的踫撞檢測\t317
15．1．4 鼠標和鍵盤的控制\t318
15．1．5 加入遊戲的聲音\t319
15．2 HTML5遊戲開發實例\t320
15．2．1 “擲骰子”遊戲\t320
15．2．2 “躲避”遊戲\t323
15．2．3 “彈磚”遊戲\t325
15．2．4 “貪食蛇”遊戲\t329
小結\t332
參考文獻\t333