HTML 5多媒體開發指南 ( 簡體 字) |
| 作者：Ken Bluttman,Lee Cottrell 著 | 類別：1. -> 程式設計 -> 網路編程 -> HTML |
| 譯者：施宏斌 譯 |
| 出版社：清華大學出版社 |  3dWoo書號： 36287
詢問書籍請說出此書號！【有庫存】
NT售價： 290 元 |
| 出版日：1/18/2013 |
| 頁數：326 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302311041 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：
前 言
HTML5：什么是HTML5，以及學習HTML5的重要性
隨著Internet的發展，Web網站已經從簡單的靜態文本和圖片組成的簡報式頁面，進化為具有許多頁面、多種功能和個性化的復雜網站。現在，一個良好的網站，應該包含富有吸引力的圖形化外觀、易于使用的網站導航，并為訪客提供相應的信息——這些信息可以是文本或者圖片，訪客正是為獲取信息而來。用戶訪問網站，也可能是為了搜索某種信息、完成一次購物或者進行娛樂消遣。
為了提供各式各樣的豐富體驗，各種Web技術獲得了長足發展并不斷成熟，要么保持進步，要么被淘汰。早期的Web網站使用CGI(Common Gateway Interface，通用網關接口)腳本來實現后端處理。現在已經有大量技術可用，比如復雜的數據庫應用、用戶行為分析(即跟蹤訪客的行為)以及基于用戶的地理位置和之前的瀏覽記錄來提供有針對性的內容等等。
Internet一開始出現時，是作為一種理想化的、純粹的信息傳播平臺，沒有商業廣告或任何其他摻雜的內容來轉移網站訪客的注意力。然而，事物的發展可能會延遲，但卻不會止步。網絡營銷和廣告已經成為Internet的現實，并且已經存在了很多年。新技術不斷涌現，可以更好地支持網絡營銷。在HTML5中，geolocation新特性可以定位用戶的地理位置，毫無疑問該技術將被用于市場營銷的競爭。對于市場營銷人員，geolocation新特性意味著可以根據用戶所在的位置，向用戶發送具有針對性的、本地化的商品信息。圖1顯示了geolocation新特性的一個應用。
圖1 使用geolocation定位瀏覽者的位置
Web技術的發展
Web頁面是用HTML(或HTML的變體，比如XHTML)創建的。通過CSS(Cascading Style Sheet，層疊樣式表)來定義頁面的外觀樣式。后端處理則是使用服務器的編程語言來完成的，最常見的是PHP和ASP.NET。動畫是使用Adobe Flash或通過JavaScript編程來實現的。多年以來，這些工具已經成為了Web開發的主力軍。隨著時間的推移，某些開發方式發生了改變，比如移除了那些提供樣式屬性而不是內容或頁面組織的HTML標記。以樣式為核心功能的標記已經并入了CSS。使用內容管理系統(Content management system)作為網站的支柱已經非常流行，它可以將很多關鍵元素結合為一個易于使用的軟件包。
用Flash創作的動畫提供了豐富和充滿魅力的視覺體驗。作為一種藝術創作工具，Flash已經非常流行，各種瀏覽器都開始支持Flash，無須要求用戶特地去下載Flash Player，實際上Flash Player是一個瀏覽器插件(plug-in)。Flash自身包含了一種強大的程序設計語言：ActionScript。
對于Flash的發燒友，遺憾的是Flash在本質上是一種影片(movie)，搜索引擎無法正確地索引Flash。這與許多開發人員需要努力奮斗的SEO(搜索引擎優化)是沖突的。我們不可能去開發這樣的網站：它是一個漂亮的網站，但它的漂亮卻減弱了在搜索結果中獲得較高排名的能力。
術語說明
現在已經簡要介紹了本書，并且已經提到了一些Web技術，隨著本書的介紹，更多的技術將會浮出水面。前言是本書的開始，也是定義這些縮略語和工具的好地方，Web設計人員和開發人員常常使用這些術語。下面的術語列表并不完備。要列出完整的Web術語表，需要很多頁的詞匯表。
注意
本書并未完全介紹這里列出的所有術語。本書的重點是介紹HTML5中的多媒體開發，并非無所不包。
HTML和XHTML：超文本標記語言(Hypertext Markup Language，HTML)是一種基礎的Web頁面程序設計語言。與真正的程序設計語言相比，HTML根本不是用于進行程序設計的。完備的程序設計語言都具有重復執行代碼塊(循環)、執行條件判斷(比如if和while語句)等功能。但HTML并不具備這些能力。
HTML最初的目的是在Web頁面上呈現內容。這個功能是通過標記(tag)來實現的，標記將告知Web頁面要顯示什么或者執行什么操作。標記按照它們在代碼中出現的次序，在Web頁面上依序地呈現。也就是說，HTML代碼只能順序執行，無法跳轉(使用JavaScript正是為了實現這些功能)。
XHTML是HTML的一種變體。這里X代表XML(Extensible Markup Language，可擴展標記語言)。
CSS：層疊樣式表(Cascading Style Sheets，CSS)用于定義頁面內容的樣式。例如，某行文本可以是斜體，比周圍的文本字體更大，或者為其設置其他任意數量的樣式。所有這些視覺效果都是樣式設置。文本依然是文本，內容依然是內容。無論它的外觀如何，文本表達的都是相同的內容。
CSS用于定義HTML的樣式。本書介紹了如何使用CSS。
JavaScript：JavaScript是一種功能完備的程序設計語言，它運行在Web瀏覽器之中，具有其他程序設計語言所具有的循環和條件分支等功能。瀏覽器之間的差別是非常重要的。雖然我們訪問的是同一個頁面，但在作者的瀏覽器中運行的JavaScript與在讀者的瀏覽器中運行的JavaScript，在功能上可能存在差異。在現代Web開發中，JavaScript毫無疑問是最重要的角色。
AJAX：異步JavaScript和XML(Asynchronous JavaScript and XML，AJAX)是一組技術的集合，它為關鍵的Web需求提供了解決方案。使用AJAX可以刷新Web頁面的一個區域，而無須在瀏覽器中重新載入整個頁面。
PHP和ASP/ASP.NET：PHP和ASP是服務器端的程序設計語言。它們最主要的用途是向Web瀏覽器輸出需要顯示的HTML。它們可以處理各種基于服務器的需求，比如從數據庫讀取數據并呈現在Web頁面之中。其他常用的服務器端技術還包括Perl、ColdFusion和JSP。
Flash：Flash是一種用于創建Web影片的應用程序。這一描述太簡單，實際上Flash具有強大的功能。Web所富有的吸引力，在很大程度上來自Flash在Web頁面上提供的各種視覺效果。
CMS：內容管理系統(CMS)用于組織網站內容的各個頁面。博客就是最常見的CMS系統。WordPress是該領域的佼佼者。
Tag：標記是HTML和XHTML的構建塊。一個標記結構是用一個小于符號和一個大于符號(< >)組成的。例如，body標記就是。絕大多數標記都要求(或者至少應該)具有一個對應的關閉標記，比如。
標記可以包含屬性。例如，form標記常常具有action屬性：
|
內容簡介：使用HTML5開發跨平臺多媒體應用
現在開發人員可以在瀏覽器中創建出具有豐富交互功能的內容，并實現跨平臺部署。 HTML5多媒體開發指南 一書對此進行了詳細介紹。本書將介紹如何使用HTML5革命性的新特性，包括原生的<audio>、<video>和<canvas>元素，使用這些新元素可以取代第三方插件。本書還介紹了一些HTML5新標記，比如簡化的doctype標記，另外，還介紹了本地存儲、拖放和geolocation功能。本書通過詳細的代碼示例舉例說明了所討論的技術。通過本書的學習，讀者可以使用HTML5開發出炫目的多媒體應用和網站。
● 使用canvas實現繪圖、動畫、特效和事件
● 使用原生的<video>元素創建和觀看視頻
● 使用原生的<audio>元素添加并播放音頻
● 充分利用本地數據存儲功能的長處
● 使用geolocation屬性創建地理位置感知的Web頁面
● 使用新的語義布局標記開發結構優良的頁面
● 使用新的表單對象為Web表單添加功能
● 學習新的CSS 3屬性和增強功能
● 使用可編輯內容和離線文件功能
● 使用JavaScript和其他Web技術
|
目錄：第I部分 概述
第1章 HTML5新特性 3
1.1 HTML5——更優雅
的HTML 4
1.2 HTML5與CSS 8
1.3 HTML5的新標記 10
1.4 HTML5與HTML4的比較 10
1.5 HTML5中最新的多媒體處理
方式 15
1.6 小結 17
第2章 HTML5 Web開發中的
JavaScript和CSS 19
2.1 JavaScript是Web開發不可
或缺的一部分 20
2.2 將腳本代碼放在頁面底部 22
2.3 循環和條件判斷 24
2.4 JavaScript外部文件 26
2.5 CSS概述 27
2.6 ID選擇器：選擇頁面的
特定部分 31
2.7 如何將CSS應用于新的
HTML5多媒體標記 34
2.8 小結 37
第II部分 圖形和多媒體
第3章 canvas的創意 41
3.1 canvas簡介 42
3.2 在Canvas上繪圖 44
3.3 漸變 48
3.3.1 線性漸變 50
3.3.2 徑向漸變 52
3.4 理解路徑 54
3.5 繪制圓和圓弧 54
3.6 繪制線段 64
3.7 使用多個canvas 69
3.8 在canvas上放置文本 73
3.8.1 垂直文本 75
3.8.2 陰影文本 77
3.9 小結 80
第4章 canvas的動畫和事件 81
4.1 用圓形填充canvas的動畫 82
4.2 移動的漸變效果 84
4.3 使用事件 86
4.3.1 蒙德里安風格的藝術 86
4.3.2 繪圖板 91
4.4 小結 98
第5章 在HTML5中使用視頻 99
5.1 關于格式編碼器和一些
易混淆的問題 100
5.2 轉換文件格式 101
5.3 觀看視頻 106
5.3.1 回退 108
5.3.2 控制視頻 109
5.3.3 video元素的更多屬性 111
5.3.4 視頻與事件 112
5.4 小結 114
第III部分 高級HTML5特性
第6章 HTML5中的audio 117
6.1 Audio元素簡介 118
6.2 隱藏audio播放器 121
6.3 事件和audio元素 123
6.3.1 使用audio元素的事件 123
6.3.2 使用audio元素的其他
事件 126
6.4 小結 128
第7章 使用本地存儲持久化存儲
數據 129
7.1 本地存儲的定義 130
7.2 本地存儲基礎 130
7.3 使用本地存儲控制圖片 135
7.4 小結 140
第8章 拖放功能：在屏幕上移動
元素 143
8.1 拖放方塊 144
8.2 為拖放事件添加行為 149
8.3 輕松在線購物 153
8.4 井字游戲(Tic-Tac-Toe) 161
8.5 小結 169
第9章 地理定位 171
9.1 地理定位方法 172
9.2 關注隱私問題 173
9.3 找到你的位置 174
9.3.1 處理拒絕和錯誤 178
9.3.2 檢測瀏覽器對geolocation
的支持 180
9.4 在地圖上顯示你的位置 183
9.4.1 使用地圖 187
9.4.2 持續地跟蹤位置的移動 188
9.5 小結 191
第10章 HTML5文檔結構 193
10.1 div元素的問題 194
10.2 HTML5布局標記 195
10.2.1 布局標記概述 195
10.2.2 使用新的布局標記 197
10.3 小結 211
第11章 HTML5新的表單元素
和用途 213
11.1 HTML5的input類型 214
11.2 創建表單 216
11.2.1 添加一個顏色拾取器 217
11.2.2 添加日期和時間控件 218
11.2.3 使用e-mail和URL
字段 221
11.2.4 添加Number控件和Range
控件 221
11.2.5 使用search類型 224
11.2.6 添加電話號碼輸入框 225
11.3 創建安全表單 225
11.3.1 表單的布局 226
11.3.2 執行驗證 228
11.3.3 提交數據 232
11.4 小結 235
第12章 CSS3：新樣式表技術 237
12.1 CSS3模塊 238
12.2 Web字體 238
12.2.1 CSS3的字體規則 239
12.2.2 字體格式 240
12.2.3 在網站中使用字體 240
12.3 背景 243
12.3.1 多個背景圖片 243
12.3.2 設置背景位置 243
12.4 邊框 245
12.4.1 圓角邊框和陰影邊框 246
12.4.2 圖形邊框 247
12.5 變形 250
12.6 過渡(Transition) 253
12.7 動畫 257
12.7.1 創建動畫 258
12.7.2 多個動畫 261
12.7.3 CSS動畫的附加說明 263
12.8 小結 263
第13章 可編輯區域和離線站點 265
13.1 可編輯內容 266
13.1.1 創建一個可編輯區域 266
13.1.2 可編輯內容的一個
小游戲 268
13.2 離線站點 271
13.2.1 緩存清單文件 272
13.2.2 檢測離線狀態的代碼 276
13.2.3 緩存多個頁面 277
13.3 小結 278
第14章 高級主題 279
14.1 JavaScript 280
14.1.1 循環 280
14.1.2 條件分支 285
14.1.3 函數 289
14.2 用數學方法創建視覺
效果 290
14.3 視差處理 306
14.4 小結 315
附錄A 快速參考 317
A.1 HTML5模板 317
A.2 HTML全局屬性 318
A.3 HTML特定標記
的屬性 320
A.4 HTML5標記 323
|
| 序： |
