HTML5和CSS3實(shí)例教程

出版時間:2012-1  出版社:人民郵電出版社  作者:Brian P.Hogan  頁數(shù):193  譯者:李杰,劉曉娜,柳靖,朱嵬  
Tag標(biāo)簽:無  

內(nèi)容概要

  HTML5和CSS3代表著Web開發(fā)的未來,雖然相關(guān)規(guī)范還未最終敲定,但最新版瀏覽器和移動設(shè)備都已支持HTML5和CSS3。本書將帶你領(lǐng)略現(xiàn)今可用的HTML5元素和CSS3特性,并提供了對舊瀏覽器的向下兼容解決方案,使開發(fā)人員避免因此丟失用戶。
  如果你還在為給按鈕添加不同樣式而大量添加標(biāo)記,不妨拿起本書,學(xué)習(xí)一下HTML5和CSS3新特性吧。HTML5新標(biāo)記可以呈現(xiàn)更好的結(jié)構(gòu)和表單界面,編寫出更為整潔易讀的代碼。
  如 果不想使用Flash,不妨看看本書是如何在頁面中嵌入音頻、視頻和矢量圖的。此外,書中關(guān)于Web
Sockets、客戶端存儲、離線緩存和跨文檔消息機(jī)制的內(nèi)容將為你免去不少Web開發(fā)之苦。簡單的CSS3亦將豐富頁面區(qū)域的樣式。如果你作為Web設(shè)計師擔(dān)心舊瀏覽器的兼容問題,本書中相應(yīng)的解決方案將為你排憂解難。
  未來已在眼前,前進(jìn)吧!

作者簡介

  Brian P. Hogan
1995年起便開始以自由職業(yè)者的身份開發(fā)專業(yè)網(wǎng)站并提供咨詢服務(wù),目前常使用Ruby、jQuery、HTML5和CSS3構(gòu)建Web應(yīng)用。他樂于講述并撰寫與Web設(shè)計和開發(fā)有關(guān)的內(nèi)容,倡導(dǎo)為殘障人士(特別是視覺障礙者)研發(fā)輔助功能。

書籍目錄

第1章 HTML5 和CSS3 概述  
  1.1 一個新的Web 開發(fā)平臺  
  1.1.1 更多的描述性標(biāo)記  
  1.1.2 較少依賴于插件的多媒體支持  
  1.1.3 更強(qiáng)大的Web 應(yīng)用  
  1.1.4 跨文檔消息通信  
  1.1.5 Web Sockets  
  1.1.6 客戶端存儲  
  1.1.7 更精美的界面  
  1.1.8 更強(qiáng)大的表單  
  1.1.9 提升可訪問性  
  1.1.10 先進(jìn)的選擇器  
  1.1.11 視覺效果  
  1.2 向后兼容  
  1.3 未來之路崎嶇不平  
  1.3.1 IE   
  1.3.2 可訪問性  
  1.3.3 廢棄的標(biāo)簽  
  1.3.4 企業(yè)利益的競爭  
  1.3.5 HTML5 和CSS3 仍在改進(jìn)  
第一部分 改善用戶界面
 第2章 新的結(jié)構(gòu)標(biāo)簽和屬性  
  2.1 實(shí)例1:用語義化標(biāo)記重定義博客  
  2.1.1 以正確的文檔類型聲明為基礎(chǔ)  
  2.1.2 頭部  
  2.1.3 尾部  
  2.1.4 導(dǎo)航  
  2.1.5 區(qū)段和文章  
  2.1.6 文章  
  2.1.7 旁白和側(cè)邊欄  
  2.1.8 旁白絕非頁面?zhèn)冗厵凇 ?br />  2.1.9 添加樣式  
  2.1.10 回退  
  2.2 實(shí)例2:使用自定義數(shù)據(jù)屬性創(chuàng)建彈出窗口  
  2.2.1 行為與內(nèi)容的分離,或者說為什么設(shè)置onclick 不好  
  2.2.2 提升可訪問性  
  2.2.3 廢棄onclick   
  2.2.4 自定義數(shù)據(jù)屬性來解圍  
  2.2.5 回退  
  2.2.6 未來展望  
 第3章 創(chuàng)建易用的Web 表單  
  3.1 實(shí)例3:使用新的輸入域描述數(shù)據(jù)  
  3.1.1 改進(jìn)AwesomeCo 項(xiàng)目中的表單  
  3.1.2 創(chuàng)建基礎(chǔ)表單  
  3.1.3 使用range 類型創(chuàng)建滑塊  
  3.1.4 使用選值框處理數(shù)字  
  3.1.5 日期控件  
  3.1.6 email 類型  
  3.1.7 url 類型  
  3.1.8 color 類型  
  3.1.9 回退  
  3.1.10 替換顏色選擇器  
  3.1.11 Modernizr   
  3.2 實(shí)例4:使用autofocus 屬性定位第一個表單域元素  
  3.3 實(shí)例5:使用placeholder 屬性進(jìn)行提示  
  3.3.1 簡單的注冊表單  
  3.3.2 阻止自動完成  
  3.3.3 回退  
  3.4 實(shí)例6:基于contenteditable屬性實(shí)現(xiàn)在位編輯  
  3.4.1 賬戶表單  
  3.4.2 持久化數(shù)據(jù)  
  3.4.3 回退  
  3.4.4 創(chuàng)批建編輯頁面  
  3.4.5 未來展望  
 第4章 用CSS3 打造更好的用戶界面  
  4.1 實(shí)例7:使用偽類渲染表格  
  4.1.1 優(yōu)化付款清單樣式  
  4.1.2 使用:nth-of-type 條紋化表格的行  
  4.1.3 使用:nth-child 對齊列文本  
  4.1.4 使用:last-child 加粗最后一行  
  4.1.5 使用:nth-last-child 向前查找元素  
  4.1.6 回退  
  4.1.7 修改html 代碼  
  4.1.8 使用JavaScript   
  4.2 實(shí)例8:使用:after 和content支持打印頁面上的鏈接  
  4.2.1 使用CSS   
  4.2.2 回退  
  4.3 實(shí)例9:創(chuàng)建多列布局  
  4.3.1 分欄  
  4.3.2 回退  
  4.4 實(shí)例10:使用媒體查詢構(gòu)建移動設(shè)備界面  
  4.4.1 回退  
  4.4.2 未來展望  
 第5章 增強(qiáng)可訪問性  
  5.1 實(shí)例11:使用ARIA 角色提供導(dǎo)航提示  
  5.1.1 標(biāo)志角色  
  5.1.2 文檔結(jié)構(gòu)角色  
  5.1.3 回退  
  5.2 實(shí)例12:創(chuàng)建可訪問的可更新區(qū)域  
  5.2.1 創(chuàng)建頁面  
  5.2.2 polite 和assertive 更新  
  5.2.3 atomic 更新  
  5.2.4 隱藏區(qū)域  
  5.2.5 回退  
  5.2.6 未來展望  
第二部分 新的影音解決方案
 第6章 在canvas 上繪圖  
  6.1 實(shí)例13:繪制logo  
  6.1.1 繪制logo   
  6.1.2 添加文字  
  6.1.3 繪制線條  
  6.1.4 移動原點(diǎn)  
  6.1.5 添加顏色  
  6.1.6 回退  
  6.2 實(shí)例14:使用RGraph 繪制統(tǒng)計圖  
  6.2.1 使用HTML 描述數(shù)據(jù)  
  6.2.2 將HTML 內(nèi)容轉(zhuǎn)換為條形圖  
  6.2.3 顯示備用內(nèi)容  
  6.2.4 回退  
  6.2.5 未來展望  
 第7章 嵌入音頻和視頻  
  7.1 發(fā)展歷史  
  7.2 容器和編解碼器  
  7.2.1 視頻編解碼器  
  7.2.2 音頻編解碼器  
  7.2.3 容器和編解碼器協(xié)同工作  
  7.3 實(shí)例15:音頻  
  7.3.1 建立基本列表  
  7.3.2 回退  
  7.4 實(shí)例16:嵌入視頻  
  7.4.1 回退  
  7.4.2 HTML5 視頻的限制  
  7.4.3 音頻、視頻和可訪問性  
  7.4.4 未來展望  
 第8章 柔化視覺體驗(yàn)  
  8.1 實(shí)例17:創(chuàng)建圓角  
  8.1.1 圓角化登錄表單  
  8.1.2 特定于瀏覽器的選擇器  
  8.1.3 回退  
  8.1.4 檢測對圓角的支持  
  8.1.5 jQuery Corners   
  8.1.6 自制表單圓角插件  
  8.1.7 生成圓角  
  8.1.8 微調(diào)  
  8.2 實(shí)例18:使用陰影、漸變和變換  
  8.2.1 基礎(chǔ)結(jié)構(gòu)  
  8.2.2 增加漸變  
  8.2.3 給標(biāo)志加上陰影  
  8.2.4 旋轉(zhuǎn)標(biāo)志  
  8.2.5 調(diào)節(jié)背景的透明度  
  8.2.6 回退  
  8.2.7 旋轉(zhuǎn)  
  8.2.8 漸變  
  8.2.9 透明度  
  8.2.10 整合  
  8.3 實(shí)例19:使用實(shí)用的字體  
  8.3.1 @font-face   
  8.3.2 字體格式  
  8.3.3 改變字體  
  8.3.4 回退  
  8.3.5 未來展望  
第三部分 HTML5 延伸
 第9章 客戶端數(shù)據(jù)的使用  
  9.1 實(shí)例20:使用localStorage 保存參數(shù)設(shè)置  
  9.1.1 創(chuàng)建參數(shù)表單  
  9.1.2 保存和加載設(shè)置  
  9.1.3 應(yīng)用設(shè)置  
  9.1.4 回退  
  9.2 實(shí)例21:在客戶端關(guān)系數(shù)據(jù)庫中保存數(shù)據(jù)  
  9.2.1 瀏覽器中的CRUD   
  9.2.2 留言的前端展現(xiàn)  
  9.2.3 連接數(shù)據(jù)庫  
  9.2.4 創(chuàng)建留言表  
  9.2.5 加載留言  
  9.2.6 獲取指定記錄  
  9.2.7 插入、更新和刪除記錄  
  9.2.8 包裝  
  9.2.9 回退  
  9.3 實(shí)例22:離線運(yùn)行  
  9.3.1 使用manifest 定義緩存  
  9.3.2 manifest 和緩存  
  9.3.3 未來展望  
 第10章 使用其他API 錦上添花  
  10.1 實(shí)例23:維護(hù)歷史記錄  
  10.1.1 保存當(dāng)前狀態(tài)  
  10.1.2 獲取先前狀態(tài)  
  10.1.3 默認(rèn)狀態(tài)  
  10.1.4 回退  
  10.2 實(shí)例24:跨域?qū)υ挕 ?br />  10.2.1 聯(lián)系人列表  
  10.2.2 發(fā)送消息  
  10.2.3 支持頁面  
  10.2.4 接收消息  
  10.2.5 回退  
  10.3 實(shí)例25:使用Web Sockets 進(jìn)行即時通信  
  10.3.1 即時通信界面  
  10.3.2 與服務(wù)器交互  
  10.3.3 回退  
  10.3.4 什么是Flash 套接字策略  
  10.3.5 服務(wù)器  
  10.4 實(shí)例26:Geolocation   
  10.4.1 定位Awesomeness   
  10.4.2 如何定位  
  10.4.3 回退  
  10.4.4 未來展望  
 第11章 未來的發(fā)展方向  
  11.1 CSS3 變換  
  11.2 Web Workers   
  11.3 原生拖放支持  
  11.3.1 拖放事件  
  11.3.2 釋放元素  
  11.3.3 修改樣式  
  11.3.4 拖動文件  
  11.3.5 并不完美  
  11.4 WebGL   
  11.5 Indexed Database API  
  11.6 客戶端表單驗(yàn)證  
  11.7 前進(jìn)!   
附錄A 功能快速索引  
 A.1 新元素  
 A.2 屬性  
 A.3 表單  
 A.4 表單域?qū)傩浴 ?br /> A.5 可訪問性  
 A.6 多媒體  
 A.7 CSS3   
 A.8 客戶端存儲  
 A.9 其他API   
附錄B jQuery 入門  
 B.1 加載jQuery  
 B.2 jQuery 基礎(chǔ)  
 B.3 修改內(nèi)容的方法  
  B.3.1 hide 和show  
  B.3.2 html、val 和attr  
  B.3.3 append、prepend 和wrap  
  B.3.4 CSS 和類  
  B.3.5 鏈  
 B.4 創(chuàng)建元素  
 B.5 事件  
  B.5.1 綁定  
  B.5.2 原始事件  
 B.6 document.ready  
附錄C 音頻和視頻編碼  
 C.1 音頻編碼  
 C.2 為Web 進(jìn)行視頻編碼  
附錄D 資源  
附錄E 參考書目  

圖書封面

圖書標(biāo)簽Tags

評論、評分、閱讀與下載


    HTML5和CSS3實(shí)例教程 PDF格式下載


用戶評論 (總計75條)

 
 

  •   挺不錯的入門書,可以用來了解html5和css3
    特別是提供了如何在瀏覽器不支持html5和css3的時候用jQuery實(shí)現(xiàn)類似的功能,這兒在目前國內(nèi)瀏覽器特殊的局面下還是很有用的
  •   系統(tǒng)學(xué)習(xí)html5+css3必備,說的非常詳細(xì),唯一不足就是最后案例比較簡單,不過就基礎(chǔ)書籍來說,五星推薦!
  •   非常不錯 比html5 css3實(shí)戰(zhàn)好多了
  •   技術(shù)發(fā)展快,已經(jīng)開始html5了,雖然瀏覽器支持還有缺陷,但是大勢所趨,還是早點(diǎn)學(xué)起比較好!
  •   懂了html的??梢灾苯痈鶕?jù)此書更好的去了解html5的新特性.
  •   發(fā)貨挺快,可是目前CSS3好多瀏覽器都不兼容,只能先學(xué)著!
  •   今年html5是不會流行,這本書講的比較淺顯,了解一下html5相關(guān)知識還是不錯的,也許明年這個技術(shù)會火起來
  •   好書,認(rèn)真學(xué)習(xí)HTML5
  •   HTML5 知識讀本,值得推薦!
  •   對于HTML5而言的話,你還是要有點(diǎn)JS的基礎(chǔ)的,不然你看不懂這本書....
  •   講解與實(shí)例結(jié)合得當(dāng),適合入門
  •   書很小巧,因?yàn)閮r格便宜嘛,適合有基礎(chǔ)的人接觸新技術(shù)。內(nèi)容很簡潔。只能這樣說了。沒什么不滿的。
  •   期待圖靈精品.
    剛剛開始學(xué)習(xí)HTM5. 希望通過實(shí)例來鍛煉自己.
    自身感覺圖靈出的書都是很不錯的書.
  •   基礎(chǔ)教程 , 寫的很詳細(xì)
  •   可能需要一定的編程基礎(chǔ),不過從實(shí)例入手還是比較方便的。
  •   實(shí)例不錯,講解再詳細(xì)點(diǎn)就更好了
  •   講的比較細(xì) 有好多的解決方案 很適合美工 做美工的應(yīng)該買一本
  •   書不錯的,挺好,適合新手來看
  •   這本書很好,看了前面幾章,感覺還挺實(shí)用的
  •   一個電信專業(yè)的同事推薦我去買的
  •   本書還不錯,可以學(xué)習(xí)一下。
  •   學(xué)習(xí)的列子
  •   這書不錯,內(nèi)容很豐富
  •   雖然很薄,但是內(nèi)容很豐富!滿意!
  •   內(nèi)容全面而不累贅,代碼優(yōu)雅
  •   GOOD...........
  •   書很基礎(chǔ),很整潔,速度很快,贊
  •   很詳細(xì),具有實(shí)際意義。
  •   謝謝當(dāng)當(dāng)網(wǎng)。東西還好
  •   不是簡單的api 重復(fù)·教會你一些編程思想·
  •   周日晚上拍的書,周一早上9點(diǎn)多就到貨了,非常快,很滿意,而且書印刷的非常好
  •   昨天看見百度的一位前端工程師在看,所以我就下單了,我想跟著大牛學(xué)習(xí)總是沒錯的~
  •   粗略掃了一下,感覺還不錯!
  •   剛拿到手,翻了翻,入門很不錯
  •   看目錄還不錯,看了一點(diǎn)點(diǎn),感覺還行,沒看完。
  •   書比較薄 但是講的還是比較細(xì) 例子很多
  •   我學(xué)的HTML和CSS基本上使用沒有什么太大問題,不過都是之前的一些東西,現(xiàn)在又出現(xiàn)了HTML5和CSS3,所以一定要及時的更新自己的技術(shù),買了這個書,看了一下,還是有很多地方受益匪淺的。
  •   從很多的實(shí)例來講述html5和CSS3,淺顯易懂,值得一看。
  •   這本書還不錯,把整個HTML5和CSS3的特性都講了一遍。
  •   書不錯,html5新知識,對于開發(fā)人員來說,新知識需要了解,不一定需要精通,了解新知識,根據(jù)自己的愛好,補(bǔ)充自己。
  •   說了不少新特征,對html5開發(fā)者很實(shí)用。
  •   我一直喜歡網(wǎng)頁設(shè)計,覺得CSS真是挺有用的。所以想自己好好學(xué)一下。但是買書來看,那么多步驟操作,要自己一點(diǎn)點(diǎn)對著書,再去電腦上搞,真是累死了,還經(jīng)常做得頭很暈。所以后來特別高興在網(wǎng)上找到獵豹網(wǎng)校,有專門教這個的??匆曨l真是感覺對路,老師把一個個例子步驟,1、2、3步驟清清楚楚地做給你看,就象看電影一樣,自己再跟著做配套的練習(xí),這樣學(xué),簡單多了,收獲好大的呀!
  •   css3講的不錯
  •   新技術(shù)嘛,有個入門級教程看看就行,學(xué)習(xí)還得靠實(shí)踐
  •   書不錯,適合有基礎(chǔ)和將來想做手機(jī)網(wǎng)頁開發(fā)的人。
  •   針對瀏覽器兼容,示例很實(shí)用。
  •   看這本教程,剛好,雖然對我來說略淺。但是知識點(diǎn)很多。
  •   買回來沒怎么看,比較專業(yè),目前用不到呢
  •   文章很好,可是要針對相應(yīng)制作網(wǎng)站軟件,
  •   書本不厚,適合掂拿,內(nèi)容新穎。
  •   書上的內(nèi)容很基礎(chǔ) 適合初學(xué)者
  •   本書淺顯易懂,總體來說值得一看。很好??!
    送貨送的特別慢,1.31定的2.6才收到,太慢了。態(tài)度還可以。
  •   適合初學(xué)者,感覺還不夠過癮。
  •   仍在閱讀中,比較實(shí)用
  •   內(nèi)容屬于中高水平者
  •   內(nèi)容較全面,值得一看.
  •   挺好的。新手學(xué)習(xí)。。不是很明白說的。
  •   和另一本權(quán)威指南一樣,幫朋友買完就沒有下文了。
  •   看說明,我還以為有700多頁,收到一看,原來是上下冊一起700多頁,下冊從四百多頁開始
  •   都是一些比較基礎(chǔ)的東西,還行
  •   不錯,了解用
  •   如果能再寫詳細(xì)一點(diǎn)就好了!
  •   初學(xué)者本人不建議購買,有一定基礎(chǔ)者強(qiáng)烈推薦
  •   準(zhǔn)備就了解一下
  •   木有光盤啊~~~~看起來會比較吃力
  •   還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦還好啦
  •   貨物今天收到。送貨人服務(wù)態(tài)度蠻好的。就是不知道怎么的不讓我拉卡
  •   ,等了整個星期~~搞到最后居然要自己去取!!
  •   最不喜歡的就是人民郵電出版社的書(主要指字體和排版),不過書的內(nèi)容質(zhì)量不錯!值得推薦!
  •   幫我男朋友買的,他沒有說不好,看他挺認(rèn)真看呢
  •   還在看,,,沒看完呢,,,
  •   這本書講解HTML5太簡單,內(nèi)容簡略,對例子的介紹不深入也不詳細(xì),只能粗略了解一下HTML5。
  •   這本也不厚
  •   html5css3
  •   HTML5和CSS3實(shí)例教程
 

250萬本中文圖書簡介、評論、評分,PDF格式免費(fèi)下載。 第一圖書網(wǎng) 手機(jī)版

京ICP備13047387號-7