本文關(guān)鍵詞：HTML5與CSS3實(shí)例教程，由筆耕文化傳播整理發(fā)布。

《HTML5與CSS3實(shí)例教程》

《HTML5與CSS3實(shí)例教程》

基本信息

作者： (美)Brian P. Hogan   

譯者： 盧俊祥

叢書名： 圖靈程序設(shè)計(jì)叢書

出版社：人民郵電出版社

ISBN：9787115363404

上架時(shí)間：2014-7-25

出版日期：2014 年8月

開本：16開

頁(yè)碼：1

版次：1-1

所屬分類：計(jì)算機(jī) > 數(shù)碼/設(shè)計(jì) > CSS

計(jì)算機(jī) > 軟件與程序設(shè)計(jì) > 網(wǎng)絡(luò)編程 > HTML

 

更多關(guān)于》》》 《HTML5與CSS3實(shí)例教程》

 

編輯推薦

　　針對(duì)最新版本瀏覽器，討論亟待解決的實(shí)際問題。

　　每一章分別聚焦某特定問題，通過(guò)多個(gè)實(shí)例介紹特定概念并引導(dǎo)讀者創(chuàng)建簡(jiǎn)單示例，進(jìn)而得到解決方案。

　　實(shí)例后附有“回退方案”，為舊版本瀏覽器提供解決方法。

　　 “未來(lái)展望”探討如何在將來(lái)更好地應(yīng)用屆時(shí)已經(jīng)成熟的新特性。

　　免費(fèi)提供所有實(shí)例的完整代碼。

 

內(nèi)容簡(jiǎn)介

    書籍

    計(jì)算機(jī)書籍

html5 和css3 技術(shù)是目前整個(gè)網(wǎng)頁(yè)的基礎(chǔ)。本書共分3 部分，集中討論了html5 和css3 規(guī)范及其技術(shù)的使用方法。這一版全面講解了最新的html5 和css3 技術(shù)，所有實(shí)例均使用最新特性實(shí)現(xiàn)，針對(duì)的是最新版本的瀏覽器。

《HTML5與CSS3實(shí)例教程》適合所有使用html 和css 的web 開發(fā)人員學(xué)習(xí)參考。

 

媒體評(píng)論

　　“要想在業(yè)內(nèi)競(jìng)爭(zhēng)中不掉隊(duì)，就得不斷學(xué)習(xí)、與時(shí)俱進(jìn)。對(duì)于Web設(shè)計(jì)者和開發(fā)者而言，這是一本關(guān)于HTML5和CSS3的必讀、高效的參考資料。不要把它擱置在書架上，，而應(yīng)放在案頭以備隨時(shí)翻閱。”

　　—— Matt Margolis，Getty Images應(yīng)用開發(fā)經(jīng)理

　　“本書就像一個(gè)Web開發(fā)百寶箱，內(nèi)容通俗易懂、組織精良，并裝滿了‘干貨’。Brian不愧是一位自信的專家和高水平的講師。”

　　——Tibor Simic，Inge-mark開發(fā)人員

　　“我已經(jīng)有十多年的網(wǎng)站開發(fā)經(jīng)驗(yàn)，但仍能從本書中學(xué)到許多技巧。如果你還未觸及HTML5的新特性，那還等什么？本書將告訴你可以做什么，應(yīng)該如何做，以及何時(shí)做。”

　　——Stephen Orr，Made Media首席開發(fā)專家

 

 

目錄

《HTML5與CSS3實(shí)例教程》

第1章　html5和css3概述　　1

1.1　強(qiáng)大的web開發(fā)平臺(tái)　　1

1.1.1　向后兼容　　1

1.1.2　更具描述性的標(biāo)記　　2

1.1.3　更加簡(jiǎn)化　　2

1.1.4　用戶界面增強(qiáng)　　2

1.1.5　更好的表單控件　　3

1.1.6　可訪問性增強(qiáng)　　3

1.1.7　更高級(jí)的選擇器　　4

1.1.8　視覺效果　　4

1.1.9　更少依賴插件的多媒體功能實(shí)現(xiàn)　　4

1.1.10　應(yīng)用能力增強(qiáng)　　4

1.1.11　跨文檔通信　　4

1.1.12　web sockets　　4

1.1.13　客戶端存儲(chǔ)　　5

1.2　注定充滿挑戰(zhàn)的未來(lái)之路　　5

1.2.1　處理老版本的ie　　5

1.2.2　可訪問性　　5

1.2.3　廢棄的標(biāo)簽　　6

1.2.4　市場(chǎng)利益的激烈競(jìng)爭(zhēng)　　7

1.2.5　html5和css3的標(biāo)準(zhǔn)仍在不斷發(fā)展中　　7

第一部分　用戶界面增強(qiáng)

第2章　新的結(jié)構(gòu)化標(biāo)簽和屬性　　10

2.1　實(shí)例1：用語(yǔ)義標(biāo)記重新定義博客　　11

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

2.1.2　頁(yè)眉標(biāo)簽　　13

2.1.3　頁(yè)腳標(biāo)簽　　14

2.1.4　導(dǎo)航標(biāo)簽　　14

2.1.5　區(qū)塊和文章　　15

2.1.6　旁白與側(cè)邊欄　　16

2.1.7　為博客設(shè)置樣式　　18

2.1.8　回退方案　　20

2.2　實(shí)例2：用[meter]元素實(shí)現(xiàn)進(jìn)度條　　21

2.2.1　回退方案　　22

2.2.2　進(jìn)度條標(biāo)簽　　24

2.3　實(shí)例3：用自定義數(shù)據(jù)屬性構(gòu)造彈出窗體　　25

2.3.1　行為與內(nèi)容分離，以及onclick()的問題　　25

2.3.2　增強(qiáng)可訪問性　　25

2.3.3　不用onclick()　　26

2.3.4　引入自定義數(shù)據(jù)屬性　　27

2.3.5　回退方案　　27

2.4　實(shí)例4：常見問題描述列表　　28

2.5　未來(lái)展望　　29

第3章　創(chuàng)建友好的web表單　　30

3.1　實(shí)例5：使用新的輸入字段描述數(shù)據(jù)　　31

3.1.1　表單描述　　32

3.1.2　使用范圍字段創(chuàng)建滑動(dòng)條　　33

3.1.3　使用選值框處理數(shù)值　　33

3.1.4　日期選擇字段　　34

3.1.5　電子郵件字段　　34

3.1.6　url字段　　35

3.1.7　顏色選擇字段　　35

3.1.8　給表單設(shè)置樣式　　36

3.1.9　回退方案　　36

3.2　實(shí)例6：借助autofocus跳到表單第一個(gè)字段　　41

3.3　實(shí)例7：通過(guò)占位文本提供提示信息　　41

3.4　實(shí)例8：不借助javascript驗(yàn)證用戶輸入　　45

3.4.1　正則表達(dá)式驗(yàn)證　　46

3.4.2　為字段添加樣式　　47

3.4.3　回退方案　　48

3.5　實(shí)例9：通過(guò)contenteditable屬性實(shí)現(xiàn)就地編輯功能　　49

3.5.1　用戶資料表單　　50

3.5.2　數(shù)據(jù)持久化　　51

3.5.3　回退方案　　52

3.6　未來(lái)展望　　55

第4章　設(shè)置內(nèi)容及界面的樣式　　57

4.1　實(shí)例10：使用偽類設(shè)置表格樣式　　58

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

4.1.2　使用:nth-child對(duì)齊表格列的內(nèi)容　　61

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

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

4.1.5　回退方案　　64

4.2　實(shí)例11：使用:after和content生成打印友好的鏈接　　65

4.2.1　創(chuàng)建只適用于打印的樣式表　　66

4.2.2　雙冒號(hào)語(yǔ)法　　67

4.3　實(shí)例12：使用媒體查詢構(gòu)建移動(dòng)頁(yè)面　　67

4.4　實(shí)例13：創(chuàng)建多欄布局　　70

4.4.1　拆分欄　　70

4.4.2　特定廠商的前綴　　73

4.4.3　回退方案　　74

4.5　未來(lái)展望　　75

第5章　構(gòu)建可訪問性界面　　76

5.1　實(shí)例14：使用aria role屬性提供導(dǎo)航提示　　77

5.1.1　地標(biāo)角色　　78

5.1.2　文檔結(jié)構(gòu)角色　　80

5.1.3　回退方案　　80

5.2　實(shí)例15：創(chuàng)建訪問性良好的可更新區(qū)域　　81

5.2.1　創(chuàng)建頁(yè)面　　82

5.2.2　隱藏內(nèi)容區(qū)域　　85

5.2.3　回退方案　　86

5.3　實(shí)例16：提升表格的可訪問性　　86

5.3.1　把標(biāo)題與列結(jié)合起來(lái)　　88

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

5.4　未來(lái)展望　　90

第二部分　新視角、新聲音

第6章　在瀏覽器中畫圖　　92

6.1　實(shí)例17：在畫布上繪制商標(biāo)　　92

6.1.1　繪制線條　　95

6.1.2　添加“awesomeco”文本信息　　96

6.1.3　移動(dòng)原點(diǎn)坐標(biāo)　　97

6.1.4　為對(duì)象設(shè)置漸變效果　　98

6.1.5　回退方案　　98

6.2　實(shí)例18：使用rgraph實(shí)現(xiàn)圖表統(tǒng)計(jì)　　99

6.2.1　使用html描述數(shù)據(jù)　　100

6.2.2　將html描述內(nèi)容轉(zhuǎn)換成柱狀圖　　102

6.2.3　顯示替代內(nèi)容　　103

6.2.4　回退方案　　103

6.3　實(shí)例19：使用svg繪制矢量圖形　　104

6.3.1　繪制線條　　105

6.3.2　添加文本信息　　105

6.3.3　繪制形狀　　106

6.3.4　通過(guò)路徑進(jìn)行手工繪制　　106

6.3.5　回退方案　　107

6.4　未來(lái)展望　　108

第7章　嵌入音頻和視頻　　109

7.1　歷史回顧　　109

7.2　容器與編解碼器　　110

7.2.1　視頻編解碼器　　110

7.2.2　音頻編解碼器　　112

7.2.3　容器與編解碼器協(xié)同工作　　113

7.3　實(shí)例20：音頻特性　　113

7.3.1　創(chuàng)建基本的音頻列表　　113

7.3.2　回退方案　　115

7.4　實(shí)例21：嵌入視頻　　117

7.5　實(shí)例22：視頻播放的可訪問性　　121

7.5.1　添加字幕　　122

7.5.2　html5視頻技術(shù)的局限性　　123

7.6　未來(lái)展望　　124

第8章　視覺特效　　125

8.1　實(shí)例23：設(shè)置圓角　　126

8.1.1　柔化登錄表單　　126

8.1.2　回退方案　　128

8.2　實(shí)例24：陰影、漸變及轉(zhuǎn)換　　129

8.2.1　基本結(jié)構(gòu)　　130

8.2.2　添加漸進(jìn)效果　　131

8.2.3　添加陰影效果　　132

8.2.4　旋轉(zhuǎn)姓名牌　　133

8.2.5　使用矩陣精確轉(zhuǎn)換　　134

8.2.6　透明背景　　134

8.2.7　回退方案　　135

8.3　實(shí)例25：設(shè)置字體　　136

8.3.1　@font-face　　137

8.3.2　字體格式　　137

8.3.3　改變字體　　137

8.3.4　回退方案　　139

8.4　實(shí)例26：通過(guò)過(guò)渡和動(dòng)畫特性移動(dòng)物體　　140

8.4.1　使用css過(guò)渡特性實(shí)現(xiàn)淡入淡出效果　　140

8.4.2　理解調(diào)速函數(shù)　　141

8.4.3　創(chuàng)建過(guò)渡特效　　143

8.4.4　利用css3動(dòng)畫特性實(shí)現(xiàn)表單晃動(dòng)效果　　144

8.4.5　回退方案　　147

8.5　未來(lái)展望　　149

第三部分　標(biāo)記之外

第9章　客戶端數(shù)據(jù)儲(chǔ)存　　152

9.1　實(shí)例27：用web storage存儲(chǔ)偏好設(shè)置　　153

9.1.1　創(chuàng)建偏好設(shè)置表單　　154

9.1.2　保存及恢復(fù)偏好設(shè)置數(shù)據(jù)　　155

9.1.3　為頁(yè)面應(yīng)用偏好設(shè)置值　　156

9.1.4　回退方案　　157

9.2　實(shí)例28：使用indexeddb將數(shù)據(jù)存儲(chǔ)到客戶端數(shù)據(jù)庫(kù)中　　158

9.2.1　注意事項(xiàng)界面　　158

9.2.2　創(chuàng)建并連接數(shù)據(jù)庫(kù)　　160

9.2.3　創(chuàng)建注意事項(xiàng)表　　162

9.2.4　加載注意事項(xiàng)　　162

9.2.5　讀取特定記錄　　164

9.2.6　創(chuàng)建、更新以及刪除記錄　　165

9.2.7　回退方案　　169

9.3　實(shí)例29：離線應(yīng)用　　170

9.3.1　通過(guò)manifest文件定義應(yīng)用程序緩存　　170

9.3.2　manifest文件與服務(wù)器端緩存設(shè)置　　172

9.3.3　檢測(cè)網(wǎng)絡(luò)連通性　　172

9.4　未來(lái)展望　　173

第10章　創(chuàng)建交互式web應(yīng)用　　174

10.1　實(shí)例30：保存歷史記錄　　174

10.1.1　存儲(chǔ)當(dāng)前狀態(tài)　　175

10.1.2　恢復(fù)上一狀態(tài)　　176

10.1.3　設(shè)置默認(rèn)狀態(tài)　　176

10.1.4　回退方案　　177

10.2　實(shí)例31：跨域通信　　178

10.2.1　聯(lián)系人列表　　179

10.2.2　發(fā)送消息　　181

10.2.3　支持網(wǎng)站　　181

10.2.4　接收消息　　183

10.2.5　ie 8及ie 9中的限制　　183

10.3　實(shí)例32：websocket聊天　　184

10.3.1　聊天界面　　184

10.3.2　與聊天服務(wù)器的通信　　186

10.3.3　回退方案　　188

10.3.4　flash socket策略文件　　189

10.4　實(shí)例33：你在哪兒：geolocation　　190

10.4.1　為awesomeco公司開發(fā)定位功能　　191

10.4.2　如何被找到　　192

10.4.3　回退方案　　192

10.5　實(shí)例34：通過(guò)拖放來(lái)整理內(nèi)容　　194

10.5.1　創(chuàng)建基本用戶界面　　194

10.5.2　添加卡片到界面　　195

10.5.3　整理卡片　　196

10.5.4　回退方案　　199

10.6　未來(lái)展望　　200

第11章　未來(lái)之路　　202

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

11.2　跨域資源共享　　205

11.3　web workers　　205

11.4　服務(wù)器發(fā)送事件　　210

11.4.1　監(jiān)聽事件　　210

11.4.2　實(shí)現(xiàn)你自己的服務(wù)器　　212

11.5　濾鏡效果　　212

11.6　webgl　　213

11.7　前進(jìn)！　　214

附錄a　快速參考　　215

附錄b　jquery快速入門　　220

附錄c　針對(duì)web的音頻和視頻編碼　　229

附錄d　相關(guān)資源　　231

參考文獻(xiàn)　　233

 

本圖書信息來(lái)源:互動(dòng)出版網(wǎng)

posted on

  本文關(guān)鍵詞：HTML5與CSS3實(shí)例教程，由筆耕文化傳播整理發(fā)布。

本文編號(hào)：121049