基於HTML5的網頁設計及套用

《基於HTML5的網頁設計及套用》是電子工業出版社於2014出版的圖書,作者是范伊紅,黃彩霞,裴亞輝。

基本介紹

  • 書名:基於HTML5的網頁設計及套用
  • 作者:范伊紅,黃彩霞,裴亞輝
  • 出版時間:2014-06
  • 字數:619千
內容簡介,目 錄,

內容簡介

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

目 錄

第1章 網頁設計理論 1
1.1 網頁的來源和本質 1
1.1.1 網際網路和網頁的誕生 1
1.1.2 網頁的本質 2
1.2 網頁的組成元素 2
1.3 網頁的尺寸 3
1.3.1 解析度 3
1.3.2 像素 4
1.3.3 網頁的基本尺寸 4
1.4 網頁的布局 4
1.4.1 網頁布局的方式 4
1.4.2 網頁布局的技術實現 5
1.5 網頁的色彩 6
1.5.1 RGB模式 6
1.5.2 色彩搭配 7
1.5.3 色彩和風格 8
1.6 需求分析 9
1.7 網頁設計流程 10
小結 11
習題 11
第2章 HTML語言 12
2.1 HTML概述 12
2.2 HTML語法 12
2.3 HTML文檔結構 13
2.3.1 DOCTYPE文檔聲明 14
2.3.2 頭部標記 14
2.3.3 body標記 17
2.4 HTML常用標記 18
2.4.1 文本標記 18
2.4.2 圖像標記 21
2.4.3 超連結標記 23
2.4.4 列表標記 27
2.4.5 分節標記 29
2.4.6 表格標記 31
2.4.7 浮動框架標記 34
2.4.8 多媒體標記 35
2.4.9 互動標記 38
小結 39
習題 39
第3章 HTML5表單 40
3.1 動態網頁與網頁的動態效果 40
3.2 表單設計基礎 40
3.3 表單標記 40
3.3.1 表單標記 41
3.3.2 輸入標記 41
3.3.3 下拉列表框標記 46
3.3.4 多行文本框標記 47
3.3.5 表單分組標記與分組標題標記 48
3.3.6 按鈕標記 48
3.3.7 綁定標記 48
3.3.8 輸出標記 49
3.3.9 生成秘鑰對標記 49
3.4 綜合實例 50
小結 51
習題 51
第4章 CSS基礎 53
4.1 CSS的概念 53
4.2 CSS的基本語法 53
4.2.1 CSS規則 53
4.2.2 CSS的引用方法 54
4.2.3 CSS注釋 56
4.3 選擇器 56
4.3.1 基本CSS選擇器 56
4.3.2 複合選擇符 59
4.3.3 偽類和偽元素選擇器 61
4.4 CSS的繼承特性 66
4.5 CSS的層疊特性 68
4.6 CSS常用單位 69
4.7 CSS書寫和命名規範 70
小結 71
習題 71
第5章 CSS頁面布局及排版 73
5.1 CSS盒子模型 73
5.1.1 盒子模型的概念 73
5.1.2 框線(border) 74
5.1.3 內容 77
5.1.4 padding(內邊距) 79
5.1.5 margin (外邊距) 80
5.2 盒子之間的關係 80
5.2.1 標準文檔流 81
5.2.2 div元素和span元素 82
5.2.4 盒子在標準流中的定位 84
5.2.5 盒子的浮動與定位 86
5.2.6 z-index空間位置 92
5.2.7 盒子的display屬性 92
5.3 CSS頁面布局 93
5.3.1 寬度固定且居中版式 93
5.3.2 “工”字型版式 97
5.4 CSS內容排版 99
5.4.1 CSS設定文字樣式 99
5.4.2 CSS設定圖像樣式 107
5.4.3 CSS設定背景樣式 110
5.4.4 CSS設定列表樣式 113
5.4.5 通過CSS設定豐富的超連結 115
5.4.6 滑鼠特效 118
5.4.7 CSS設定表格樣式 118
5.4.8 CSS設定表單樣式 123
5.5 瀏覽器兼容 125
小結 126
習題 126
第6章 JavaScript基礎 128
6.1 JavaScript概述 128
6.1.1 JavaScript簡介 128
6.1.2 JavaScript的套用 129
6.1.3 JavaScript嵌入網頁的方式 129
6.1.4 JavaScript的特點 133
6.1.5 JavaScript程式代碼的編寫習慣 133
6.2 JavaScript語法基礎 134
6.2.1 數據類型、常量、變數 134
6.2.2 數據類型的轉換 137
6.2.3 運算符和表達式 138
6.2.4 JavaScript程式流程控制 142
6.2.5 JavaScript函式 150
小結 156
習題 156
第7章 JavaScript對象 158
7.1 面向對象的基本概念 158
7.1.1 對象和類 158
7.1.2 使用對象 158
7.1.3 對象廢除 159
7.1.4 對象類型 159
7.2 核心對象 160
7.2.1 Math對象 160
7.2.2 Number對象 161
7.2.3 Boolean對象 163
7.2.4 String對象 163
7.2.5 Array對象 165
7.2.6 Date對象 170
7.2.7 Object對象 170
7.2.8 Function對象 171
7.2.9 RegExp對象 173
7.3 環境對象 175
7.3.1 window對象 175
7.3.2 location對象 179
7.3.3 navigator對象 180
7.3.4 history對象 181
7.3.5 screen對象 182
7.3.6 document對象 182
小結 186
習題 186
第8章 DOM技術 188
8.1 DOM概述 188
8.1.1 DOM節點樹 188
8.1.2 節點屬性和方法 189
8.2 獲取節點 190
8.2.1 獲取特定的節點 190
8.2.2 獲取相關節點 193
8.2.3 屬性節點的訪問方法 194
8.3 操作節點 196
8.3.1 創建節點 196
8.3.2 插入節點 196
8.3.3 替換節點 197
8.3.4 刪除節點 197
8.3.5 綜合舉例 197
小結 199
習題 199
第9章 JavaScript事件處理 201
9.1 事件模型 201
9.1.1 原始事件模型 201
9.1.2 DOM事件模型 203
9.1.3 IE事件模型 206
9.2 event對象 207
9.2.1 DOM event對象 207
9.2.2 IE event對象 208
9.3 HTML5事件屬性 209
9.3.1 window事件屬性 209
9.3.2 表單事件 210
9.3.3 鍵盤事件 211
9.3.4 滑鼠事件 212
9.3.5 媒介事件 215
小結 216
習題 216
第10章 HTML5 Canvas繪製圖形 218
10.1 HTML5 Canvas概述 218
10.1.1 Canvas發展歷程 218
10.1.2 HTML5 Canvas標記 218
10.1.3 HTML5 Canvas瀏覽器支持 219
10.2 HTML5 Canvas API 219
10.2.1 檢測瀏覽器支持情況 219
10.2.2 繪製簡單圖形 220
10.2.3 繪製路徑 221
10.2.4 繪圖樣式 223
10.2.5 繪製矩形 224
10.2.6 繪製曲線 225
10.2.7 繪製圖像 227
10.2.8 圖形漸變 228
10.2.9 圖形變形 231
10.2.10 繪製文本 233
10.2.11 套用陰影 234
10.2.12 基本動畫 235
10.3 HTML5 Canvas套用 239
10.3.1 熱點圖 239
10.3.2 餅狀圖 242
10.3.3 折線圖 243
小結 245
第11章 HTML5音頻和視頻技術 246
11.1 HTML 5音頻 246
11.1.1 音頻格式 246
11.1.2 audio標記 246
11.1.3 使用JavaScript操控audio 對象 247
11.1.4 HTML5 audio 對象實例 250
11.2 HTML5視頻 256
11.2.1 視頻格式 256
11.2.2 video標記 256
11.2.3 使用JavaScript操控video對象 258
小結 261
第12章 HTML5本地數據存儲 262
12.1 本地數據存儲概述 262
12.2 離線資源快取 262
12.2.1 cache manifest檔案實現快取 263
12.2.2 配置Web伺服器支持manifest檔案類型 264
12.2.3 cache manifest檔案格式 265
12.2.4 瀏覽器訪問本地快取資源檔案的過程 267
12.2.5 快取資源的更新 268
12.2.6 線上狀態檢測 271
12.3 Web Storage本地存儲 271
12.3.1 檢測瀏覽器是否支持本地存儲 272
12.3.2 localStorage 的使用 272
12.3.3 sessionStorage 的使用 275
12.4 Web SQL Database本地資料庫存儲 276
12.4.1 Web SQL Database的用途 276
12.4.2 Web SQL Database 基本用法 276
12.5 本地數據存儲綜合實例 281
小結 283
第13章 HTML5通信API 284
13.1 XMLHttpRequest對象 284
13.1.1 XMLHttpRequest對象 284
13.1.2 XMLHttpRequest Level 2 290
13.1.3 傳送和接收文本數據 292
13.1.4 檔案上傳和接收二進制數據 294
13.1.5 跨域資源共享 297
13.2 跨文檔通信 299
13.2.1 message事件和屬性 299
13.2.2 跨文檔訊息通信舉例 299
13.3 WebSockets 通信 301
13.3.1 HTML5 WebSockets API 301
13.3.2 WebSockets通信舉例 302
小結 305
第14章 HTML5地理位置API 306
14.1 HTML5 Geolocation基礎 306
14.2 Geolocation API實現地理定位 309
14.3 google地圖中顯示地理位置 310
小結 313
第15章 HTML5遊戲開發 314
15.1 HTML5遊戲開發的準備 314
15.1.1 利用Canvas創建場景和遊戲中的元素 314
15.1.2 遊戲中元素動畫的實現 316
15.1.3 遊戲元素的碰撞檢測 317
15.1.4 滑鼠和鍵盤的控制 318
15.1.5 加入遊戲的聲音 319
15.2 HTML5遊戲開發實例 320
15.2.1 “擲骰子”遊戲 320
15.2.2 “躲避”遊戲 323
15.2.3 “彈磚”遊戲 325
15.2.4 “貪食蛇”遊戲 329
小結 332
參考文獻 333

相關詞條

熱門詞條

聯絡我們