《HTML5與CSS3實例教程》

《HTML5與CSS3實例教程》

基本信息

做者： (美)Brian P. Hogan   

譯者： 盧俊祥

叢書名： 圖靈程序設計叢書

出版社：人民郵電出版社

ISBN：9787115363404

上架時間：2014-7-25

出版日期：2014 年8月

開本：16開

頁碼：1

版次：1-1

所屬分類：計算機 > 數碼/設計 > CSS

計算機 > 軟件與程序設計 > 網絡編程 > HTML

 

更多關於》》》 《HTML5與CSS3實例教程》

 

編輯推薦

　　針對最新版本瀏覽器，討論亟待解決的實際問題。

　　每一章分別聚焦某特定問題，經過多個實例介紹特定概念並引導讀者建立簡單示例，進而獲得解決方案。

　　實例後附有「回退方案」，爲舊版本瀏覽器提供解決方法。

　　 「將來展望」探討如何在未來更好地應用屆時已經成熟的新特性。

　　免費提供全部實例的完整代碼。

 

內容簡介

    書籍

    計算機書籍

html5 和css3 技術是目前整個網頁的基礎。本書共分3 部分，集中討論了html5 和css3 規範及其技術的使用方法。這一版全面講解了最新的html5 和css3 技術，全部實例均使用最新特性實現，針對的是最新版本的瀏覽器。

《html5與css3實例教程》適合全部使用html 和css 的web 開發人員學習參考。

 

媒體評論

　　「要想在業內競爭中不掉隊，就得不斷學習、與時俱進。對於Web設計者和開發者而言，這是一本關於HTML5和CSS3的必讀、高效的參考資料。不要把它擱置在書架上，而應放在案頭以備隨時翻閱。」

　　—— Matt Margolis，Getty Images應用開發經理

　　「本書就像一個Web開發百寶箱，內容通俗易懂、組織精良，並裝滿了‘乾貨’。Brian不愧是一位自信的專家和高水平的講師。」

　　——Tibor Simic，Inge-mark開發人員

　　「我已經有十多年的網站開發經驗，但仍能從本書中學到許多技巧。若是你還未觸及HTML5的新特性，那還等什麼？本書將告訴你能夠作什麼，應該如何作，以及什麼時候作。」

　　——Stephen Orr，Made Media首席開發專家

 

 

目錄

《html5與css3實例教程》

第1章　html5和css3概述　　1

1.1　強大的web開發平臺　　1

1.1.1　向後兼容　　1

1.1.2　更具描述性的標記　　2

1.1.3　更加簡化　　2

1.1.4　用戶界面加強　　2

1.1.5　更好的表單控件　　3

1.1.6　可訪問性加強　　3

1.1.7　更高級的選擇器　　4

1.1.8　視覺效果　　4

1.1.9　更少依賴插件的多媒體功能實現　　4

1.1.10　應用能力加強　　4

1.1.11　跨文檔通訊　　4

1.1.12　web sockets　　4

1.1.13　客戶端存儲　　5

1.2　註定充滿挑戰的將來之路　　5

1.2.1　處理老版本的ie　　5

1.2.2　可訪問性　　5

1.2.3　廢棄的標籤　　6

1.2.4　市場利益的激烈競爭　　7

1.2.5　html5和css3的標準仍在不斷髮展中　　7

第一部分　用戶界面加強

第2章　新的結構化標籤和屬性　　10

2.1　實例1：用語義標記從新定義博客　　11

2.1.1　一切皆始於正確的文檔類型　　13

2.1.2　頁眉標籤　　13

2.1.3　頁腳標籤　　14

2.1.4　導航標籤　　14

2.1.5　區塊和文章　　15

2.1.6　旁白與側邊欄　　16

2.1.7　爲博客設置樣式　　18

2.1.8　回退方案　　20

2.2　實例2：用[meter]元素實現進度條　　21

2.2.1　回退方案　　22

2.2.2　進度條標籤　　24

2.3　實例3：用自定義數據屬性構造彈出窗體　　25

2.3.1　行爲與內容分離，以及onclick()的問題　　25

2.3.2　加強可訪問性　　25

2.3.3　不用onclick()　　26

2.3.4　引入自定義數據屬性　　27

2.3.5　回退方案　　27

2.4　實例4：常見問題描述列表　　28

2.5　將來展望　　29

第3章　建立友好的web表單　　30

3.1　實例5：使用新的輸入字段描述數據　　31

3.1.1　表單描述　　32

3.1.2　使用範圍字段建立滑動條　　33

3.1.3　使用選值框處理數值　　33

3.1.4　日期選擇字段　　34

3.1.5　電子郵件字段　　34

3.1.6　url字段　　35

3.1.7　顏色選擇字段　　35

3.1.8　給表單設置樣式　　36

3.1.9　回退方案　　36

3.2　實例6：藉助autofocus跳到表單第一個字段　　41

3.3　實例7：經過佔位文本提供提示信息　　41

3.4　實例8：不借助javascript驗證用戶輸入　　45

3.4.1　正則表達式驗證　　46

3.4.2　爲字段添加樣式　　47

3.4.3　回退方案　　48

3.5　實例9：經過contenteditable屬性實現就地編輯功能　　49

3.5.1　用戶資料表單　　50

3.5.2　數據持久化　　51

3.5.3　回退方案　　52

3.6　將來展望　　55

第4章　設置內容及界面的樣式　　57

4.1　實例10：使用僞類設置表格樣式　　58

4.1.1　使用:nth-of-type給表格行設置條紋　　60

4.1.2　使用:nth-child對齊表格列的內容　　61

4.1.3　使用:last-child加粗表格最後一行　　62

4.1.4　使用:nth-last-child反向遍歷元素　　63

4.1.5　回退方案　　64

4.2　實例11：使用:after和content生成打印友好的連接　　65

4.2.1　建立只適用於打印的樣式表　　66

4.2.2　雙冒號語法　　67

4.3　實例12：使用媒體查詢構建移動頁面　　67

4.4　實例13：建立多欄佈局　　70

4.4.1　拆分欄　　70

4.4.2　特定廠商的前綴　　73

4.4.3　回退方案　　74

4.5　將來展望　　75

第5章　構建可訪問性界面　　76

5.1　實例14：使用aria role屬性提供導航提示　　77

5.1.1　地標角色　　78

5.1.2　文檔結構角色　　80

5.1.3　回退方案　　80

5.2　實例15：建立訪問性良好的可更新區域　　81

5.2.1　建立頁面　　82

5.2.2　隱藏內容區域　　85

5.2.3　回退方案　　86

5.3　實例16：提高表格的可訪問性　　86

5.3.1　把標題與列結合起來　　88

5.3.2　用題注和描述解釋表格　　89

5.4　將來展望　　90

第二部分　新視角、新聲音

第6章　在瀏覽器中畫圖　　92

6.1　實例17：在畫布上繪製商標　　92

6.1.1　繪製線條　　95

6.1.2　添加「awesomeco」文本信息　　96

6.1.3　移動原點座標　　97

6.1.4　爲對象設置漸變效果　　98

6.1.5　回退方案　　98

6.2　實例18：使用rgraph實現圖表統計　　99

6.2.1　使用html描述數據　　100

6.2.2　將html描述內容轉換成柱狀圖　　102

6.2.3　顯示替代內容　　103

6.2.4　回退方案　　103

6.3　實例19：使用svg繪製矢量圖形　　104

6.3.1　繪製線條　　105

6.3.2　添加文本信息　　105

6.3.3　繪製形狀　　106

6.3.4　經過路徑進行手工繪製　　106

6.3.5　回退方案　　107

6.4　將來展望　　108

第7章　嵌入音頻和視頻　　109

7.1　歷史回顧　　109

7.2　容器與編解碼器　　110

7.2.1　視頻編解碼器　　110

7.2.2　音頻編解碼器　　112

7.2.3　容器與編解碼器協同工做　　113

7.3　實例20：音頻特性　　113

7.3.1　建立基本的音頻列表　　113

7.3.2　回退方案　　115

7.4　實例21：嵌入視頻　　117

7.5　實例22：視頻播放的可訪問性　　121

7.5.1　添加字幕　　122

7.5.2　html5視頻技術的侷限性　　123

7.6　將來展望　　124

第8章　視覺特效　　125

8.1　實例23：設置圓角　　126

8.1.1　柔化登陸表單　　126

8.1.2　回退方案　　128

8.2　實例24：陰影、漸變及轉換　　129

8.2.1　基本結構　　130

8.2.2　添加漸進效果　　131

8.2.3　添加陰影效果　　132

8.2.4　旋轉姓名牌　　133

8.2.5　使用矩陣精確轉換　　134

8.2.6　透明背景　　134

8.2.7　回退方案　　135

8.3　實例25：設置字體　　136

8.3.1　@font-face　　137

8.3.2　字體格式　　137

8.3.3　改變字體　　137

8.3.4　回退方案　　139

8.4　實例26：經過過渡和動畫特性移動物體　　140

8.4.1　使用css過渡特性實現淡入淡出效果　　140

8.4.2　理解調速函數　　141

8.4.3　建立過渡特效　　143

8.4.4　利用css3動畫特性實現表單晃動效果　　144

8.4.5　回退方案　　147

8.5　將來展望　　149

第三部分　標記以外

第9章　客戶端數據儲存　　152

9.1　實例27：用web storage存儲偏好設置　　153

9.1.1　建立偏好設置表單　　154

9.1.2　保存及恢復偏好設置數據　　155

9.1.3　爲頁面應用偏好設置值　　156

9.1.4　回退方案　　157

9.2　實例28：使用indexeddb將數據存儲到客戶端數據庫中　　158

9.2.1　注意事項界面　　158

9.2.2　建立並鏈接數據庫　　160

9.2.3　建立注意事項表　　162

9.2.4　加載注意事項　　162

9.2.5　讀取特定記錄　　164

9.2.6　建立、更新以及刪除記錄　　165

9.2.7　回退方案　　169

9.3　實例29：離線應用　　170

9.3.1　經過manifest文件定義應用程序緩存　　170

9.3.2　manifest文件與服務器端緩存設置　　172

9.3.3　檢測網絡連通性　　172

9.4　將來展望　　173

第10章　建立交互式web應用　　174

10.1　實例30：保存歷史記錄　　174

10.1.1　存儲當前狀態　　175

10.1.2　恢復上一狀態　　176

10.1.3　設置默認狀態　　176

10.1.4　回退方案　　177

10.2　實例31：跨域通訊　　178

10.2.1　聯繫人列表　　179

10.2.2　發送消息　　181

10.2.3　支持網站　　181

10.2.4　接收消息　　183

10.2.5　ie 8及ie 9中的限制　　183

10.3　實例32：websocket聊天　　184

10.3.1　聊天界面　　184

10.3.2　與聊天服務器的通訊　　186

10.3.3　回退方案　　188

10.3.4　flash socket策略文件　　189

10.4　實例33：你在哪兒：geolocation　　190

10.4.1　爲awesomeco公司開發定位功能　　191

10.4.2　如何被找到　　192

10.4.3　回退方案　　192

10.5　實例34：經過拖放來整理內容　　194

10.5.1　建立基本用戶界面　　194

10.5.2　添加卡片到界面　　195

10.5.3　整理卡片　　196

10.5.4　回退方案　　199

10.6　將來展望　　200

第11章　將來之路　　202

11.1　使用彈性盒子模型定義佈局　　202

11.2　跨域資源共享　　205

11.3　web workers　　205

11.4　服務器發送事件　　210

11.4.1　監聽事件　　210

11.4.2　實現你本身的服務器　　212

11.5　濾鏡效果　　212

11.6　webgl　　213

11.7　前進！　　214

附錄a　快速參考　　215

附錄b　jquery快速入門　　220

附錄c　針對web的音頻和視頻編碼　　229

附錄d　相關資源　　231

參考文獻　　233

 

本圖書信息來源:互動出版網