HTML5和CSS3實例教程

內容概要

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

作者簡介

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

書籍目錄

第1章 HTML5 和CSS3 概述　　
　　1.1 一個新的Web 開發(fā)平臺　　
　　1.1.1 更多的描述性標記　　
　　1.1.2 較少依賴于插件的多媒體支持　　
　　1.1.3 更強大的Web 應用　　
　　1.1.4 跨文檔消息通信　　
　　1.1.5 Web Sockets　　
　　1.1.6 客戶端存儲　　
　　1.1.7 更精美的界面　　
　　1.1.8 更強大的表單　　
　　1.1.9 提升可訪問性　　
　　1.1.10 先進的選擇器　　
　　1.1.11 視覺效果　　
　　1.2 向后兼容　　
　　1.3 未來之路崎嶇不平　　
　　1.3.1 IE 　　
　　1.3.2 可訪問性　　
　　1.3.3 廢棄的標簽　　
　　1.3.4 企業(yè)利益的競爭　　
　　1.3.5 HTML5 和CSS3 仍在改進　　
第一部分 改善用戶界面
　第2章 新的結構標簽和屬性　　
　　2.1 實例1：用語義化標記重定義博客　　
　　2.1.1 以正確的文檔類型聲明為基礎　　
　　2.1.2 頭部　　
　　2.1.3 尾部　　
　　2.1.4 導航　　
　　2.1.5 區(qū)段和文章　　
　　2.1.6 文章　　
　　2.1.7 旁白和側邊欄　　
　　2.1.8 旁白絕非頁面?zhèn)冗厵凇　?br />　　2.1.9 添加樣式　　
　　2.1.10 回退　　
　　2.2 實例2：使用自定義數(shù)據(jù)屬性創(chuàng)建彈出窗口　　
　　2.2.1 行為與內容的分離，或者說為什么設置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 實例3：使用新的輸入域描述數(shù)據(jù)　　
　　3.1.1 改進AwesomeCo 項目中的表單　　
　　3.1.2 創(chuàng)建基礎表單　　
　　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 實例4：使用autofocus 屬性定位第一個表單域元素　　
　　3.3 實例5：使用placeholder 屬性進行提示　　
　　3.3.1 簡單的注冊表單　　
　　3.3.2 阻止自動完成　　
　　3.3.3 回退　　
　　3.4 實例6：基于contenteditable屬性實現(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 實例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 實例8：使用:after 和content支持打印頁面上的鏈接　　
　　4.2.1 使用CSS 　　
　　4.2.2 回退　　
　　4.3 實例9：創(chuàng)建多列布局　　
　　4.3.1 分欄　　
　　4.3.2 回退　　
　　4.4 實例10：使用媒體查詢構建移動設備界面　　
　　4.4.1 回退　　
　　4.4.2 未來展望　　
　第5章 增強可訪問性　　
　　5.1 實例11：使用ARIA 角色提供導航提示　　
　　5.1.1 標志角色　　
　　5.1.2 文檔結構角色　　
　　5.1.3 回退　　
　　5.2 實例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 實例13：繪制logo　　
　　6.1.1 繪制logo 　　
　　6.1.2 添加文字　　
　　6.1.3 繪制線條　　
　　6.1.4 移動原點　　
　　6.1.5 添加顏色　　
　　6.1.6 回退　　
　　6.2 實例14：使用RGraph 繪制統(tǒng)計圖　　
　　6.2.1 使用HTML 描述數(shù)據(jù)　　
　　6.2.2 將HTML 內容轉換為條形圖　　
　　6.2.3 顯示備用內容　　
　　6.2.4 回退　　
　　6.2.5 未來展望　　
　第7章 嵌入音頻和視頻　　
　　7.1 發(fā)展歷史　　
　　7.2 容器和編解碼器　　
　　7.2.1 視頻編解碼器　　
　　7.2.2 音頻編解碼器　　
　　7.2.3 容器和編解碼器協(xié)同工作　　
　　7.3 實例15：音頻　　
　　7.3.1 建立基本列表　　
　　7.3.2 回退　　
　　7.4 實例16：嵌入視頻　　
　　7.4.1 回退　　
　　7.4.2 HTML5 視頻的限制　　
　　7.4.3 音頻、視頻和可訪問性　　
　　7.4.4 未來展望　　
　第8章 柔化視覺體驗　　
　　8.1 實例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 微調　　
　　8.2 實例18：使用陰影、漸變和變換　　
　　8.2.1 基礎結構　　
　　8.2.2 增加漸變　　
　　8.2.3 給標志加上陰影　　
　　8.2.4 旋轉標志　　
　　8.2.5 調節(jié)背景的透明度　　
　　8.2.6 回退　　
　　8.2.7 旋轉　　
　　8.2.8 漸變　　
　　8.2.9 透明度　　
　　8.2.10 整合　　
　　8.3 實例19：使用實用的字體　　
　　8.3.1 @font-face 　　
　　8.3.2 字體格式　　
　　8.3.3 改變字體　　
　　8.3.4 回退　　
　　8.3.5 未來展望　　
第三部分 HTML5 延伸
　第9章 客戶端數(shù)據(jù)的使用　　
　　9.1 實例20：使用localStorage 保存參數(shù)設置　　
　　9.1.1 創(chuàng)建參數(shù)表單　　
　　9.1.2 保存和加載設置　　
　　9.1.3 應用設置　　
　　9.1.4 回退　　
　　9.2 實例21：在客戶端關系數(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 實例22：離線運行　　
　　9.3.1 使用manifest 定義緩存　　
　　9.3.2 manifest 和緩存　　
　　9.3.3 未來展望　　
　第10章 使用其他API 錦上添花　　
　　10.1 實例23：維護歷史記錄　　
　　10.1.1 保存當前狀態(tài)　　
　　10.1.2 獲取先前狀態(tài)　　
　　10.1.3 默認狀態(tài)　　
　　10.1.4 回退　　
　　10.2 實例24：跨域對話　　
　　10.2.1 聯(lián)系人列表　　
　　10.2.2 發(fā)送消息　　
　　10.2.3 支持頁面　　
　　10.2.4 接收消息　　
　　10.2.5 回退　　
　　10.3 實例25：使用Web Sockets 進行即時通信　　
　　10.3.1 即時通信界面　　
　　10.3.2 與服務器交互　　
　　10.3.3 回退　　
　　10.3.4 什么是Flash 套接字策略　　
　　10.3.5 服務器　　
　　10.4 實例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 客戶端表單驗證　　
　　11.7 前進！ 　　
附錄A 功能快速索引　　
　A.1 新元素　　
　A.2 屬性　　
　A.3 表單　　
　A.4 表單域屬性　　
　A.5 可訪問性　　
　A.6 多媒體　　
　A.7 CSS3 　　
　A.8 客戶端存儲　　
　A.9 其他API 　　
附錄B jQuery 入門　　
　B.1 加載jQuery　　
　B.2 jQuery 基礎　　
　B.3 修改內容的方法　　
　　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 進行視頻編碼　　
附錄D 資源　　
附錄E 參考書目　　

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    HTML5和CSS3實例教程 PDF格式下載

---