基本介紹
- 書名：HTML 5+CSS 3入門經典
- 出版社：機械工業出版社
- 頁數：394頁
- 開本：16
- 定價：59.00
- 作者：管媛輝 等
- 出版日期：2013年4月1日
- 語種：簡體中文
- ISBN：9787111419174
- 品牌：機械工業出版社
內容簡介,圖書目錄,
內容簡介
《HTML 5+CSS 3入門經典》從初學者的角度出發，為想要學習HTML 5+CSS 3頁面設計、想要進行Web程式開發的國中級開發人員、編程愛好者、大學師生精心策劃。從技術套用的角度出發，結合實際套用進行講解，以便讓想要學習Web程式開發的人員能夠將美工設計完成的圖片轉換為網站前台頁面，讓想要學習Web頁面設計的人員能夠根據自己的意願設計網站頁面。
圖書目錄
前言
第一篇 HTML 5基礎篇
第1章 迎接新的Web 時代——HTML 5 的出現
視頻講解：16分鐘
1.1 HTML的歷史
1.1.1 HTML發展的歷史
1.1.2 HTML 5 時代即將來臨
1.2 HTML 5 的優勢
1.2.1 使用HTML 5 的理由
1.2.2 HTML 5 的化繁為簡
1.2.3 HTML 5 的無外掛程式範式
1.2.4 HTML 5 的新特性
1.3 HTML 5 的語法變化和標記方法
1.3.1 HTML 5 的語法變化
1.3.2 HTML 5 的標記方法
1.3.3 標記實例
1.4 小結
1.5 習題
第2章 去其糟粕，取其精華——HTML 5的元素與屬性
視頻講解：36分鐘
2.1 新增的元素和廢除的元素
2.1.1 新增的結構元素
2.1.2 新增的塊級（block）語義的元素
2.1.3 新增的行內（inline）語義的元素
2.1.4 新增的嵌入多媒體元素與互動性元素
2.1.5 新增的input元素的類型
2.1.6 廢除的元素
2.2 新增的屬性和廢除的屬性
2.2.1 新增的屬性
2.2.2 廢除的屬性
2.3 全局屬性
2.3.1 contentEditable屬性
2.3.2 designMode屬性
2.3.3 hidden屬性
2.3.4 spellcheck屬性
2.3.5 tabindex屬性
2.4 上機實踐
2.4.1 使用hidden屬性對用戶評論內容進行隱藏
2.4.2 使用spellcheck屬性檢查單詞的拼寫情況
2.4.3 對頁面輸出的文字進行編輯
2.5 小結
2.6 習題
第3章 你很重要——HTML 5 中的表單
視頻講解：48分鐘
3.1 新增的元素與屬性
3.1.1 新增的屬性
3.1.2 增加與改良的input元素的種類
3.1.3 output元素的添加
3.2 對表單的驗證
3.2.1 自動驗證
3.2.2 checkValidity 顯式驗證法
3.2.3 避免驗證
3.2.4 使用setCustomValidity 方法自定義錯誤信息
3.3 增加的頁面元素
3.3.1 新增的.gure元素
3.3.2 新增的details元素
3.3.3 新增的mark元素
3.3.4 新增的progress元素
3.3.5 新增的meter元素
3.3.6 改良的ol列表
3.3.7 改良的dl列表
3.3.8 加以嚴格限制的cite元素
3.3.9 重新定義的small元素
3.4 上機實踐
3.4.1 套用新增元素製作註冊表單
3.4.2 調用表單的checkValidity 方法驗證密碼格式
3.4.3 套用output元素實現的乘法計算器
3.5 小結
3.6 習題
第二篇 HTML 5高級套用篇
第4章 不容小視——HTML 5 中的檔案
視頻講解：40分鐘
4.1 選擇檔案
4.1.1 通過.le對象選擇檔案
4.1.2 使用Blob接口獲取檔案的類型與大小
4.1.3 通過類型過濾選擇的檔案
4.2 使用FileReader接口讀取檔案
4.2.1 檢測瀏覽器對FileReader接口的實現
4.2.2 FileReader接口的使用方法
4.2.3 使用readAsDataURL方法預覽圖片
4.2.4 使用readAsText 方法讀取文本檔案
4.2.5 FileReader接口中的事件
4.3 拖放API
4.3.1 實現拖放的步驟
4.3.2 通過拖放顯示歡迎信息
4.4 dataTransfer 對象套用詳解
4.4.1 使用effectAllowed 和dropEffect 屬性設定拖放效果
4.4.2 使用setDragImage方法設定拖放圖示
4.5 上機實踐
4.5.1 通過accept屬性過濾上傳檔案的類型
4.5.2 將圖片檔案拖放到頁面中並顯示
4.6 小結
4.7 習題
第5章 夢幻的世界——繪製圖形
視頻講解：95分鐘
5.1 canvas的基礎知識
5.1.1 canvas是什麼
5.1.2 在頁面中放置canvas元素
5.1.3 繪製帶框線的矩形
5.2 在畫布中使用路徑
5.2.1 使用arc方法繪製圓形
5.2.2 使用moveTo 與lineTo 路徑繪製火柴人
5.2.3 貝塞爾和二次方曲線
5.3 運用樣式與顏色
5.3.1 .llStyle和strokeStyle屬性
5.3.2 透明度globalAlpha
5.3.3 線型
5.4 繪製漸變圖形
5.4.1 繪製線性漸變
5.4.2 繪製徑向漸變
5.5 繪製變形圖形
5.5.1 坐標的變換
5.5.2 矩陣變換
5.6 組合多個圖形
5.7 給圖形繪製陰影
5.8 套用圖像
5.8.1 繪製圖像
5.8.2 圖像的局部放大
5.8.3 圖像平鋪
5.8.4 圖像裁剪
5.8.5 像素的處理
5.9 繪製文字
5.10 保存與恢復狀態
5.11 檔案的保存
5.12 對畫布繪製實現動畫
5.13 桌面時鐘
5.14 上機實踐
5.14.1 通過設定lineJoin屬性值來繪製不同的矩形
5.14.2 繪製五角星
5.14.3 大頭貼框線
5.15 小結
5.16 習題
第6章 如此神奇——多媒體播放
視頻講解：36分鐘
6.1 HTML 5 多媒體簡述
6.1.1 HTML 4 中多媒體的套用
6.1.2 HTML 5 頁面中的多媒體
6.2 多媒體元素的基本屬性
6.3 多媒體元素的常用方法
6.3.1 媒體播放時的方法
6.3.2 canPlayType（type） 方法
6.4 事件以及事件的發生順序
6.4.1 事件處理方式
6.4.2 事件介紹
6.4.3 通過事件的控制來顯示視頻播放的時間
6.5 上機實踐
6.5.1 在HTML 5 文檔中播放音頻
6.5.2 在HTML 5 文檔中播放視頻
6.6 小結
6.7 習題
第7章 數據管家——HTML 5 中的數據存儲
視頻講解：50分鐘
7.1 初識Web Storage
7.1.1 Web Storage 是什麼
7.1.2 使用Web Storage 中的API
7.1.3 sessionStorage和localStorage的實例——計數器
7.1.4 Web Storage 綜合實例——留言本
7.1.5 JSON對象的存儲實例——用戶信息卡
7.2 本地資料庫
7.2.1 Web SQL 資料庫簡介
7.2.2 使用Web SQL Database API
7.2.3 本地資料庫實例——用戶登錄
7.3 上機實踐
7.3.1 套用Web Storage 實現帶留言人的留言本
7.3.2 套用本地資料庫實現留言本
7.4 小結
7.5 習題
第8章 線下管家——HTML 5 中的離線套用
視頻講解：13分鐘
8.1 HTML 5 離線套用
8.1.1 HTML 5 離線套用概述
8.1.2 本地快取與瀏覽器網頁快取的區別
8.2 創建HTML 5 離線套用
8.2.1 快取清單（manifest）
8.2.2 配置IIS伺服器
8.2.3 瀏覽manifest清單
8.3 瀏覽器與伺服器的互動過程
8.4 applicationCache對象
8.4.1 swapCache方法
8.4.2 applicationCache對象的事件
8.5 上機實踐
8.5.1 判斷線上狀態
8.5.2 檢測本地快取是否有更新
8.6 小結
8.7 習題
第9章 齊頭並進——使用Web Worker 處理執行緒
視頻講解：21分鐘
9.1 Web Worker 概述
9.1.1 創建和使用Worker
9.1.2 Web Worker 套用實例——求和運算
9.2 在Worker 內部能做什麼
9.3 多個JavaScript檔案的載入與執行
9.4 執行緒的嵌套使用
9.4.1 最基本的單層嵌套
9.4.2 在多執行緒中進行數據的互動
9.5 上機實踐
9.5.1 通過傳遞JSON對象輸出用戶信息
9.5.2 使用多執行緒隨機顯示5的整數倍數的數字
9.6 小結
9.7 習題
第10章 未完待續——HTML 5 中的其他套用型API
視頻講解：12分鐘
10.1 跨文檔訊息通信
10.1.1 使用postMessage API
10.1.2 跨文檔訊息傳輸
10.2 Geolocation API 概述
10.2.1 使用getCurrentPosition獲取當前地理位置
10.2.2 持續監視當前地理位置的信息
10.2.3 停止獲取當前用戶的地理位置信息
10.3 position對象
10.4 上機實踐
10.4.1 顯示當前地理位置的經緯度
10.4.2 在Google地圖上顯示“我在這裡”
10.5 小結
10.6 習題
……
第三篇 CSS篇
第四篇 項目實戰篇
第一篇 HTML 5基礎篇
第1章 迎接新的Web 時代——HTML 5 的出現
視頻講解：16分鐘
1.1 HTML的歷史
1.1.1 HTML發展的歷史
1.1.2 HTML 5 時代即將來臨
1.2 HTML 5 的優勢
1.2.1 使用HTML 5 的理由
1.2.2 HTML 5 的化繁為簡
1.2.3 HTML 5 的無外掛程式範式
1.2.4 HTML 5 的新特性
1.3 HTML 5 的語法變化和標記方法
1.3.1 HTML 5 的語法變化
1.3.2 HTML 5 的標記方法
1.3.3 標記實例
1.4 小結
1.5 習題
第2章 去其糟粕，取其精華——HTML 5的元素與屬性
視頻講解：36分鐘
2.1 新增的元素和廢除的元素
2.1.1 新增的結構元素
2.1.2 新增的塊級（block）語義的元素
2.1.3 新增的行內（inline）語義的元素
2.1.4 新增的嵌入多媒體元素與互動性元素
2.1.5 新增的input元素的類型
2.1.6 廢除的元素
2.2 新增的屬性和廢除的屬性
2.2.1 新增的屬性
2.2.2 廢除的屬性
2.3 全局屬性
2.3.1 contentEditable屬性
2.3.2 designMode屬性
2.3.3 hidden屬性
2.3.4 spellcheck屬性
2.3.5 tabindex屬性
2.4 上機實踐
2.4.1 使用hidden屬性對用戶評論內容進行隱藏
2.4.2 使用spellcheck屬性檢查單詞的拼寫情況
2.4.3 對頁面輸出的文字進行編輯
2.5 小結
2.6 習題
第3章 你很重要——HTML 5 中的表單
視頻講解：48分鐘
3.1 新增的元素與屬性
3.1.1 新增的屬性
3.1.2 增加與改良的input元素的種類
3.1.3 output元素的添加
3.2 對表單的驗證
3.2.1 自動驗證
3.2.2 checkValidity 顯式驗證法
3.2.3 避免驗證
3.2.4 使用setCustomValidity 方法自定義錯誤信息
3.3 增加的頁面元素
3.3.1 新增的.gure元素
3.3.2 新增的details元素
3.3.3 新增的mark元素
3.3.4 新增的progress元素
3.3.5 新增的meter元素
3.3.6 改良的ol列表
3.3.7 改良的dl列表
3.3.8 加以嚴格限制的cite元素
3.3.9 重新定義的small元素
3.4 上機實踐
3.4.1 套用新增元素製作註冊表單
3.4.2 調用表單的checkValidity 方法驗證密碼格式
3.4.3 套用output元素實現的乘法計算器
3.5 小結
3.6 習題
第二篇 HTML 5高級套用篇
第4章 不容小視——HTML 5 中的檔案
視頻講解：40分鐘
4.1 選擇檔案
4.1.1 通過.le對象選擇檔案
4.1.2 使用Blob接口獲取檔案的類型與大小
4.1.3 通過類型過濾選擇的檔案
4.2 使用FileReader接口讀取檔案
4.2.1 檢測瀏覽器對FileReader接口的實現
4.2.2 FileReader接口的使用方法
4.2.3 使用readAsDataURL方法預覽圖片
4.2.4 使用readAsText 方法讀取文本檔案
4.2.5 FileReader接口中的事件
4.3 拖放API
4.3.1 實現拖放的步驟
4.3.2 通過拖放顯示歡迎信息
4.4 dataTransfer 對象套用詳解
4.4.1 使用effectAllowed 和dropEffect 屬性設定拖放效果
4.4.2 使用setDragImage方法設定拖放圖示
4.5 上機實踐
4.5.1 通過accept屬性過濾上傳檔案的類型
4.5.2 將圖片檔案拖放到頁面中並顯示
4.6 小結
4.7 習題
第5章 夢幻的世界——繪製圖形
視頻講解：95分鐘
5.1 canvas的基礎知識
5.1.1 canvas是什麼
5.1.2 在頁面中放置canvas元素
5.1.3 繪製帶框線的矩形
5.2 在畫布中使用路徑
5.2.1 使用arc方法繪製圓形
5.2.2 使用moveTo 與lineTo 路徑繪製火柴人
5.2.3 貝塞爾和二次方曲線
5.3 運用樣式與顏色
5.3.1 .llStyle和strokeStyle屬性
5.3.2 透明度globalAlpha
5.3.3 線型
5.4 繪製漸變圖形
5.4.1 繪製線性漸變
5.4.2 繪製徑向漸變
5.5 繪製變形圖形
5.5.1 坐標的變換
5.5.2 矩陣變換
5.6 組合多個圖形
5.7 給圖形繪製陰影
5.8 套用圖像
5.8.1 繪製圖像
5.8.2 圖像的局部放大
5.8.3 圖像平鋪
5.8.4 圖像裁剪
5.8.5 像素的處理
5.9 繪製文字
5.10 保存與恢復狀態
5.11 檔案的保存
5.12 對畫布繪製實現動畫
5.13 桌面時鐘
5.14 上機實踐
5.14.1 通過設定lineJoin屬性值來繪製不同的矩形
5.14.2 繪製五角星
5.14.3 大頭貼框線
5.15 小結
5.16 習題
第6章 如此神奇——多媒體播放
視頻講解：36分鐘
6.1 HTML 5 多媒體簡述
6.1.1 HTML 4 中多媒體的套用
6.1.2 HTML 5 頁面中的多媒體
6.2 多媒體元素的基本屬性
6.3 多媒體元素的常用方法
6.3.1 媒體播放時的方法
6.3.2 canPlayType（type） 方法
6.4 事件以及事件的發生順序
6.4.1 事件處理方式
6.4.2 事件介紹
6.4.3 通過事件的控制來顯示視頻播放的時間
6.5 上機實踐
6.5.1 在HTML 5 文檔中播放音頻
6.5.2 在HTML 5 文檔中播放視頻
6.6 小結
6.7 習題
第7章 數據管家——HTML 5 中的數據存儲
視頻講解：50分鐘
7.1 初識Web Storage
7.1.1 Web Storage 是什麼
7.1.2 使用Web Storage 中的API
7.1.3 sessionStorage和localStorage的實例——計數器
7.1.4 Web Storage 綜合實例——留言本
7.1.5 JSON對象的存儲實例——用戶信息卡
7.2 本地資料庫
7.2.1 Web SQL 資料庫簡介
7.2.2 使用Web SQL Database API
7.2.3 本地資料庫實例——用戶登錄
7.3 上機實踐
7.3.1 套用Web Storage 實現帶留言人的留言本
7.3.2 套用本地資料庫實現留言本
7.4 小結
7.5 習題
第8章 線下管家——HTML 5 中的離線套用
視頻講解：13分鐘
8.1 HTML 5 離線套用
8.1.1 HTML 5 離線套用概述
8.1.2 本地快取與瀏覽器網頁快取的區別
8.2 創建HTML 5 離線套用
8.2.1 快取清單（manifest）
8.2.2 配置IIS伺服器
8.2.3 瀏覽manifest清單
8.3 瀏覽器與伺服器的互動過程
8.4 applicationCache對象
8.4.1 swapCache方法
8.4.2 applicationCache對象的事件
8.5 上機實踐
8.5.1 判斷線上狀態
8.5.2 檢測本地快取是否有更新
8.6 小結
8.7 習題
第9章 齊頭並進——使用Web Worker 處理執行緒
視頻講解：21分鐘
9.1 Web Worker 概述
9.1.1 創建和使用Worker
9.1.2 Web Worker 套用實例——求和運算
9.2 在Worker 內部能做什麼
9.3 多個JavaScript檔案的載入與執行
9.4 執行緒的嵌套使用
9.4.1 最基本的單層嵌套
9.4.2 在多執行緒中進行數據的互動
9.5 上機實踐
9.5.1 通過傳遞JSON對象輸出用戶信息
9.5.2 使用多執行緒隨機顯示5的整數倍數的數字
9.6 小結
9.7 習題
第10章 未完待續——HTML 5 中的其他套用型API
視頻講解：12分鐘
10.1 跨文檔訊息通信
10.1.1 使用postMessage API
10.1.2 跨文檔訊息傳輸
10.2 Geolocation API 概述
10.2.1 使用getCurrentPosition獲取當前地理位置
10.2.2 持續監視當前地理位置的信息
10.2.3 停止獲取當前用戶的地理位置信息
10.3 position對象
10.4 上機實踐
10.4.1 顯示當前地理位置的經緯度
10.4.2 在Google地圖上顯示“我在這裡”
10.5 小結
10.6 習題
……
第三篇 CSS篇
第四篇 項目實戰篇
