簡體網頁||繁體網頁

☆☆☆☆☆

王石磊 著

圖書標籤:

• HTML5
• 前端開發
• Web開發
• 網頁設計
• JavaScript
• CSS3
• 響應式布局
• 移動Web
• 前端框架
• 入門教程

齣版社： 機械工業齣版社

ISBN：9787111533924

版次：1

商品編碼：11929830

品牌：機工齣版

包裝：平裝

叢書名： 信息科學與技術叢書

開本：16開

齣版時間：2016-05-01

用紙：膠版紙

頁數：463

編輯推薦

適讀人群 ：網站開發者 網頁設計師 相關專業師生
　　這是一本圍繞著當前應用廣泛的網頁開發技術HTML5編寫的圖書，書中不但深入淺齣的講解瞭HTML5相關技術，還配備瞭大量實戰案例，幫助讀者從零基礎開始，快速掌握用HTML5開發網站設計網頁的技能，本書還配備瞭全部源代碼資源和免費電子教學PPT，以幫助讀者用好本書。

內容簡介

　　HTML5是HTML技術的新版本，和以前的版本相比，HTML5的功能更加強大，並且支持移動Web應用。本書分為5篇，共計17章，包括：基礎知識篇、核心技術篇、技術提高篇、實戰演練篇和綜閤實戰篇五大部分內容。在講解每一個知識點時，都遵循瞭“理論結閤實踐”的教學模式，通過具體實例講解瞭每一個知識點的具體用法。
　　本書適閤網頁設計人員、Web設計師、網站開發人員、網絡維護人員的學習和參考，也可作為相關培訓學校和大專院校相關專業的教學用書。

目錄

前言
第一篇 基礎知識篇
第1章 網頁設計技術基礎 1
1.1 認識網頁和網站 1
1.1.1 網頁 1
1.1.2 網站 2
1.1.3 網站製作流程 3
1.1.4 網頁設計流程 3
1.1.5 發布站點 4
1.2 Web標準布局介紹 4
1.2.1 當前的Web開發標準 4
1.2.2 為什麼使用Web標準 5
1.2.3 CSS布局標準 6
1.3 常用的網頁製作工具 7
1.3.1 Dreamweaver簡介 7
1.3.2 安裝Dreamweaver 9
1.4 HTML 5的新功能 13
1.5 初次體驗HTML 5的魅力 13
第二篇 核心技術篇
第2章 HTML 5的整體架構 15
2.1 設置網頁頭部元素 15
2.1.1 設置文檔類型 15
2.1.2 設置所有鏈接規定默認地址或默認目標 17
2.1.3 鏈接標簽 17
2.1.4 設置有關頁麵的元信息 19
2.1.5 定義客戶端腳本 20
2.1.6 定義HTML文檔的樣式信息 21
2.1.7 設置頁麵標題 22
2.2 設置頁麵正文 23
2.3 注釋是一種說明 25
2.4 和頁麵結構相關的新元素 25
2.4.1 定義區段的標簽 26
2.4.2 定義獨立內容的標簽 26
2.4.3 定義導航鏈接標簽 27
2.4.4 定義其所處內容之外的內容 27
2.4.5 定義頁腳內容的標簽 28
第3章 體驗基本元素 29
3.1 在頁麵中輸齣一段文字 29
3.2 對頁麵進行分欄設計 30
3.3 使用標記元素實現交互 32
3.3.1 常用屬性 33
3.3.2 實現下拉彈齣效果 34
3.4 使用標記元素實現交互 36
3.5 使用標記元素 37
3.5.1 屬性介紹 37
3.5.2 實現右鍵菜單功能 39
3.6 使用標記元素 41
3.7 使用標記元素 44
3.8 使用標記元素 46
3.9 使用樹節點標記元素 49
3.9.1 元素 49
3.9.2 元素 49
3.9.3 元素 49
3.10 使用分組標記元素 51
3.10.1

元素 51
3.10.2
元素 52
3.11 使用文本層次語義標記 53
3.11.1 元素 53
3.11.2 元素 54
3.11.3 元素 54
3.12 使用圖片標記元素 55
3.13 使用框架標記元素 57
3.14 使用標記元素 58
第4章 使用錶單元素 60
4.1 錶單元素的類型 60
4.1.1 email類型 60
4.1.2 url類型 62
4.1.3 number類型 64
4.1.4 range類型 65
4.1.5 Date Pickers（數據檢齣器） 68
4.1.6 search類型 70
4.2 錶單元素中的屬性 72
4.2.1 記住錶單中的數據 72
4.2.2 驗證錶單中輸入的數據是否閤法 74
4.2.3 在文本框中顯示提示信息 75
4.2.4 驗證文本框中的內容是否為空 77
4.2.5 開啓錶單的自動完成功能 78
4.2.6 重寫錶單中的某些屬性 79
4.2.7 自動設置錶單中傳遞數字 81
4.2.8 在錶單中選擇多個上傳文件 82
4.3 新的錶單元素 83
4.3.1 在錶單中自動提示輸入文本 83
4.3.2 一個簡單的乘法計算器 85
4.3.3 在網頁中生成一個密鑰 86
第5章 音頻和視頻應用詳解 88
5.1 處理視頻 88
5.1.1 使用標記 88
5.1.2 標記的屬性 89
5.2 處理音頻 93
5.2.1 標記 93
5.2.2 標記的屬性 94
5.3 高級應用 97
5.3.1 為播放的視頻準備一幅素材圖片 97
5.3.2 顯示加載視頻的狀態 100
5.3.3 齣錯時在播放屏幕中顯示齣錯信息 101
5.3.4 檢測瀏覽器是否支持這個媒體類型 103
5.3.5 顯示視頻的播放狀態 105
5.3.6 顯示播放視頻的時間信息 107
第6章 繪圖應用詳解 110
6.1 使用標記 110
6.2 HTML DOM Canvas對象 111
6.3 HTML 5繪圖實踐 113
6.3.1 在指定位置繪製指定角度的相交綫 113
6.3.2 繪製一個圓 114
6.3.3 在畫布中顯示一幅指定的圖片 115
6.3.4 繪製一個指定大小的正方形 116
6.3.5 繪製一個帶邊框的矩形 118
6.3.6 繪製一個漸變圖形 119
6.3.7 繪製不同的圓形 121
6.3.8 繪製一個漸變圓形 125
6.3.9 移動、縮放和鏇轉網頁中的正方形 127
6.3.10 使用組閤的方式顯示圖形 129
6.3.11 使用不同的方式平鋪指定的圖像 131
6.3.12 切割指定的圖像 133
6.3.13 繪製文字 135
6.3.14 製作一個簡單的動畫 137
第三篇 技術提高篇
第7章 數據存儲應用詳解 140
7.1 Web存儲 140
7.1.1 什麼是Web存儲 140
7.1.2 Web存儲的影響 140
7.2 HTML 5中的兩種存儲方法 141
7.2.1 使用localStorage方法 141
7.2.2 使用sessionStorage方法 142
7.3 數據存儲對象 143
7.3.1 使用sessionStorage對象 143
7.3.2 使用localStorage對象 148
7.3.3 使用localStorage對象中的clear()方法 151
7.3.4 使用localStorage對象中的屬性 153
7.4 WebDB存儲方式 156
7.4.1 WebDB存儲基礎 156
7.4.2 執行事務操作 158
7.4.3 調用執行SQL語句 159
7.5 實現一個日記式事務提醒係統 162
7.6 使用sessionStorage來實現客戶端的session功能 166
第8章 使用Web Sockets API 180
8.1 安裝jWebSocket服務器 180
8.2 實現跨文檔傳輸數據 181
8.3 使用WebSocket傳送數據 185
8.3.1 使用Web Sockets API的方法 185
8.3.2 實戰演練 186
8.4 處理JSON對象 188
8.5 jWebSocket框架 191
8.5.1 使用jWebSocketTest框架進行通信 192
8.5.2 使用jWebSocketTest開發一個聊天係統 196
第9章 使用Geolocation API 204
9.1 Geolocation API介紹 204
9.1.1 對瀏覽器的支持情況 204
9.1.2 使用API 205
9.2 獲取當前地理位置 206
9.3 使用getCurrentPosition()方法 209
9.4 在網頁中使用地圖 211
9.4.1 在網頁中調用地圖 212
9.4.2 在地圖中顯示當前的位置 214
9.4.3 在網頁中居中顯示定位地圖 216
9.4.4 利用百度地圖實現定位處理 219
9.5 在彈齣框中顯示定位信息 221
第10章 使用Web Workers API 224
10.1 Web Workers API基礎 224
10.1.1 使用HTML5 Web Workers API 224
10.1.2 需要使用.js文件 225
10.1.3 與Web Worker進行雙嚮通信 225
10.2 Worker綫程處理 227
10.2.1 使用Worker處理綫程 228
10.2.2 使用綫程傳遞JSON對象 231
10.2.3 使用綫程嵌套交互數據 233
10.2.4 通過JSON發送消息 236
10.3 執行大計算量任務 238
10.4 在後颱運行耗時較長的運算 245
第11章 在Android手機中使用HTML 5 249
11.1 搭建開發環境 249
11.1.1 搭建Android開發環境 249
11.1.2 搭建網頁運行環境 251
11.2 先看一段代碼 254
11.2.1 實現主頁 254
11.2.2 編寫CSS文件 255
11.2.3 實現頁麵自動縮放 258
11.3 添加Android的CSS 258
11.3.1 編寫基本的樣式 258
11.3.2 添加視覺效果 260
11.4 添加JavaScript 261
11.4.1 jQuery框架介紹 261
11.4.2 具體實踐 263
11.5 使用Ajax 265
11.5.1 編寫HTML文件 266
11.5.2 編寫JavaScript文件 269
11.5.3 最後的修飾 270
11.6 讓網頁動起來 271
11.6.1 一個開源框架——jQTouch 272
11.6.2 一個簡單應用 272
第四篇 實戰演練篇
第12章 遊戲實戰 280
12.1 開發一個躲避小遊戲 280
12.2 開發一個迷宮遊戲 285
12.3 開發一個網頁版的貪吃蛇遊戲 290
12.4 開發一個網頁版的俄羅斯方塊遊戲 294
12.5 開發一個網頁版的抽奬遊戲 305
第13章 統計圖實戰 310
13.1 使用插件RGraph製作柱狀圖 310
13.2 改變選中柱狀圖的顔色 311
13.3 在網頁中繪製分組柱狀圖 314
13.4 將柱狀圖的同一根柱子設置為不同的顔色 316
13.5 在網頁中繪製一個摺綫圖 317
13.6 在網頁中實現一個顯示提示的摺綫圖 319
13.7 在網頁中繪製多根摺綫 322
13.8 繪製範圍摺綫圖 324
13.9 在一個摺綫圖中使用左右兩根不同單位的垂直坐標軸 325
13.10 在一個統計圖中同時繪製柱狀圖與摺綫圖 327
13.11 在HTML 5網頁中繪製動態摺綫圖 329
13.12 在HTML 5網頁中繪製一個餅圖 332
13.13 點擊餅塊後呈現白色半透明效果 333
13.14 在HTML 5網頁中繪製橫嚮柱狀圖 335
13.15 在網頁中繪製分組橫嚮柱狀圖 337
第14章 特效實戰 339
14.1 實現星級評論功能 339
14.2 實現無刷新驗證 342
14.3 使用jQuery實現的錶單特效 345
14.4 在網頁中動態操作錶格 348
14.5 在文本框中實現層效果 351
14.6 實現五彩連珠網頁特效 354
14.7 讓網頁中的圖片div竪嚮滑動 368
14.8 實現滑動門特效 371
14.9 實現上下可拖動效果 374
14.10 在網頁中實現粒子特效效果 377
第15章 Web設計中的典型模塊 384
15.1 一個項目引發的問題 384
15.2 JavaScript特效的應用 385
15.3 文字處理 387
15.3.1 實例概述 387
15.3.2 定義文本顔色 388
15.3.3 指定文本內容 388
15.3.4 文本增亮處理 388
15.3.5 文本減亮處理 389
15.3.6 定義變換頻率 389
15.4 時間處理模塊 390
15.5 圖像處理模塊 392
15.5.1 實例概述 392
15.5.2 設置圖像屬性 393
15.5.3 亮度增加處理 393
15.5.4 亮度減小處理 394
15.6 背景處理 396
15.7 鼠標處理 397
15.7.1 實例概述 397
15.7.2 指定跟隨文本 397
15.7.3 文本效果處理 398
15.7.4 頁麵顯示 399
15.8 菜單處理 399
15.8.1 實例概述 400
15.8.2 設置菜單元素內容 400
15.8.3 設置滾動區域屬性 400
第16章 文件操作實戰 402
16.1 選擇一個上傳文件 402
16.2 選擇多個上傳文件 405
16.3 獲取文件的類型和大小 406
16.4 過濾齣非圖片格式的文件 409
16.5 過濾上傳文件的類型 410
16.6 預覽上傳的圖片 412
16.7 讀取某個文本文件的內容 414
16.8 監聽事件 416
16.9 使用拖拽的方式上傳圖片 419
16.10 拖拽上傳圖片到錶單並顯示預覽 421
16.11 IE瀏覽器支持的上傳圖片預覽程序 424
16.12 使用拖拽的方式在相簿中對照片進行排序 426
第五篇 綜閤實戰篇
第17章 使用HTML 5+CSS 3開發商業站點實例 430
17.1 CSS 3基礎 430
17.1.1 CSS概述 430
17.1.2 基本語法 431
17.1.3 選擇符的使用 432
17.1.4 CSS屬性的簡介 435
17.1.5 幾個常用值 436
17.1.6 網頁中的CSS應用 440
17.1.7 CSS的編碼規範 443
17.1.8 CSS調試 445
17.2 開發一個商業站點 447
17.2.1 網站規劃 447
17.2.2 站點需求分析 447
17.2.3 預期效果分析 448
17.2.4 站點結構規劃 450
17.2.5 設計係統首頁文件 450
17.2.6 設計産品展示頁麵 453
17.2.7 設計關於我們頁麵 455
17.2.8 設計CSS 3樣式文件 457

前言/序言

　　HTML技術經過瞭很長的發展，版本不斷更新，每一次更新都為網頁設計工作帶來瞭巨大的變化。HTML的上一個版本誕生於1999年，此後，Web世界已經經曆瞭巨變。雖然HTML5仍處於完善之中，但是現在大部分的瀏覽器已經具備瞭支持某些HTML5新特性的功能。在2007年，HTML5被W3C所接受，正式成為網頁設計標準。在當前市場應用中，HTML5將成為HTML、XHTML以及HTMLDOM的新標準。和之前的版本相比，HTML5的功能更加強大，並且支持移動Web應用。
　　本書的內容本書分5篇，共17章，循序漸進地講解瞭HTML5技術的基本知識。本書從Web開發標準與網頁網站製作介紹講起，依次講解瞭網頁設計技術基礎，HTML5的整體架構，體驗基本元素，使用錶單元素，音頻和視頻應用詳解，繪圖應用詳解，數據存儲應用詳解，使用WebSocketsAPI，使用GeolocationAPI，使用WebWorkersAPI，在Android手機中使用HTML5，遊戲實戰，統計圖實戰，特效實戰，Web設計中的典型模塊，文件操作實戰，使用HTML5+CSS3開發商業站點實例等知識。上述內容幾乎涵蓋瞭HTML5技術中的所有主要內容，全書內容言簡意賅，講解方法通俗易懂、詳細，不但適閤網頁設計高手們學習，也特彆有利於初學者學習並消化。
　　本書特色本書內容豐富，講解細緻，我們的目標是通過一本圖書提供多本圖書的價值，讀者可以根據自己的需要有選擇地閱讀。在內容的編寫上，本書具有以下特色：
　　（1）結構閤理從用戶的實際需要齣發，科學安排知識結構，內容由淺入深，敘述清楚。
　　（2）遵循“理論加實踐”這一主綫為瞭使廣大讀者徹底弄清楚HTML5技術的精髓，在講解每一個知識點時，通過具體地演示實例講解瞭每一個知識點的具體用法。
　　（3）易學易懂本書內容條理清晰、語言簡潔，可以幫助讀者快速掌握每個知識點。使讀者既可以按照本書編排的章節順序進行學習，也可以根據自己的需要對某一章節進行針對性的學習。
　　（4）實用性強本書徹底摒棄枯燥的理論和簡單的操作，注重實用性和可操作性，通過詳實的語言和細膩的筆法，詳細講解瞭HTML5各個知識點的基本知識。
　　（5）內容全麵本書可以稱為“內容最全麵的一本HTML5開發書”，無論是傳統網頁技術開發的知識點，還是數據存儲、API等知識，甚至Android和iOS移動Web的開發知識，在本書中都有詳細介紹。
　　讀者對象初學網頁設計的自學者網頁設計師Web開發人員大中專院校的老師和學生畢業設計的學生移動Web設計人員相關培訓機構的老師和學員從事移動Web開發的程序員本書主要由王石磊編寫，參加編寫的還有管西京、周秀、張餘、李佐彬、王夢、王書鵬、唐凱、關立勛、張建敏、楊靖宇、譚貞軍、楊絮、劉英田、高秀雲、任傑、張子帝、黃河、孟娜、楊國華、王南荻、翟明、焦甜甜、張儲、劉繼虎。在編寫過程中，得到瞭機械工業齣版社有關人員的大力支持。正是各位編輯的求實、耐心和高效率的工作精神，纔使本書在較短的時間內齣版。另外要告知各位讀者，本編寫團隊畢竟水平有限，書中紕漏和不盡如人意之處在所難免，誠請讀者提齣意見或建議，以便修訂並使之更臻完善。
　　編者

《現代網頁設計與前端開發實戰》 內容簡介： 在這本深入淺齣的技術指南中，我們將一同踏上一段構建動態、響應式且用戶體驗至上的現代網頁之旅。本書旨在為零基礎的初學者和希望係統提升前端技能的開發者提供一條清晰的學習路徑。我們不僅會覆蓋構建網頁所需的核心技術，還將深入探討最新的開發理念、工具和最佳實踐，幫助您成為一名齣色的前端工程師。 第一部分：網頁構建的基石——HTML與CSS的精髓 第一章：HTML5——現代網頁的語義骨架 HTML5的核心理念與優勢： 瞭解HTML5為何成為構建現代網頁的事實標準，它如何提供更豐富的語義結構、更好的可訪問性和更強大的多媒體支持。 基礎標簽與文檔結構： 從 `` 開始，詳細講解 ``, ``, `` 等基本結構標簽。學習如何使用 `

` 到 `

` 創建清晰的標題層級，`

` 撰寫段落，`` 和 `` 強調文本。 列錶與鏈接： 精通無序列錶 `

`、有序列錶 `
` 和定義列錶 `

` 的使用。學習如何使用 `` 標簽創建網頁間的導航和指嚮外部資源的鏈接，包括相對路徑和絕對路徑。 圖像與多媒體： 掌握 `` 標簽的使用，包括 `src`, `alt`, `width`, `height` 等屬性。深入學習HTML5新增的 `