HTML5程序設計基礎教程（簡體書）

HTML5是最新的HTML標準。儘管HTML5到目前為止還只是草案，離真正的規範還有相當的一段路要走，但HTML5已經引起了業內的廣泛興趣，GoogleChrome、Firefox、Opera、Safari和InternetExplorer9等主流瀏覽器都已經支持HTML5技術。HTML5無疑會成為未來10年最熱門的互聯網技術。《工業和信息化普通高等教育“十二五”規劃教材．21世紀高等教育計算機規劃教材：HTML5程序設計基礎教程》涵蓋了HTML5的各種新特性，主要內容包括HTML5概述、JavaScript、HTML5表單及文件處理、CSS、拖放、CanvasAPI畫圖、繪製可伸縮矢量圖形、播放多媒體、Web通信、本地存儲、開發支持離線的Web應用程序、獲取瀏覽器的地理位置信息、支持多線程編程的WebWorkers、jQuery等。讀者在閱讀《工業和信息化普通高等教育“十二五”規劃教材．21世紀高等教育計算機規劃教材：HTML5程序設計基礎教程》時可以充分瞭解和體驗HTML5的強大功能。
《工業和信息化普通高等教育“十二五”規劃教材．21世紀高等教育計算機規劃教材：HTML5程序設計基礎教程》既可以作為大學本科“Web應用程序設計”課程的教材，也可作為高職高專院校相關專業的教材，或作為Web應用程序開發人員的參考用書。

第1章 HTML5概述
1.1 HTML基礎
1.1.1 什麼是HTML
1.1.2 HTML的歷史
1.2 HTML4基礎
1.2.1 設置網頁背景和顏色
1.2.2 設置字體屬性
1.2.3 超級鏈接
1.2.4 圖像和動畫
1.2.5 表格
1.2.6 使用框架
1.2.7 其他常用標簽
1.3 HTML5的新特性
1.3.1 簡化的文檔類型和字符集
1.3.2 HTML5的新結構
1.3.3 HTML5的新增內聯元素
1.3.4 支持動態頁面
1.3.5 全新的表單設計
1.3.6 強大的繪圖和多媒體功能
1.3.7 打造桌面應用的一系列新功能
1.3.8 獲取地理位置信息
1.3.9 支持多線程
1.3.10 廢棄的標簽
1.4 支持HTML5的瀏覽器
練習題

第2章 JavaScript編程
2.1 在HTML中使用JavaScript語言
2.1.1 在HTML中插入JavaScript代碼
2.1.2 使用js文件
2.2 基本語法
2.2.1 數據類型
2.2.2 變量
2.2.3 注釋
2.2.4 運算符
2.3 常用語句
2.3.1 條件分支語句
2.3.2 循環語句
2.4 函數
2.4.1 創建自定義函數
2.4.2 調用函數
2.4.3 變量的作用域
2.4.4 函數的返回值
2.5 面向對象程序設計
2.5.1 面向對象程序設計思想簡介
2.5.2 JavaScript內置類
2.5.3 HTML DOM
2.5.4 Window對象
2.5.5 Navigator對象
2.5.6 document對象
2.6 JavaScript事件處理
2.6.1 常用HTML事件
2.6.2 Window對象的事件處理
2.6.3 Event對象
練習題

第3章 HTML5表單及文件處理
3.1 HTML4表單
3.1.1 定義表單
3.1.2 文本框
3.1.3 文本區域
3.1.4 單選按鈕
3.1.5 複選框
3.1.6 組合框
3.1.7 按鈕
3.2 HTML5表單的新特性
3.2.1 新的input類型
3.2.2 新的表單元素
3.2.3 新的表單屬性
3.2.4 表單驗證
3.3 文件處理
3.3.1 選擇文件的表單控件
3.3.2 檢測瀏覽器是否支持HTML5 File API
3.3.3 FileList接口
3.3.4 FileReader接口
練習題

第4章 最新版本的層疊樣式表——CSS3
4.1 CSS基礎
4.1.1 什麼是CSS
4.1.2 在HTML文檔中應用CSS
4.1.3 顏色與背景
4.1.4 設置字體
4.1.5 設置文本屬性
4.1.6 超鏈接
4.1.7 列表
4.1.8 表格
4.1.9 CSS 輪廓
4.1.10 浮動元素
4.2 CSS3的新技術
4.2.1 實現圓角效果
4.2.2 多彩的邊框顏色
4.2.3 陰影
4.2.4 背景圖片
4.2.5 多列
4.2.6 嵌入字體
4.2.7 透明度
4.2.8 HSL和HSLA顏色表現方法
4.3 CSS3應用實例
4.3.1 HTML5+CSS3設計頁面布局
4.3.2 設計漂亮的導航菜單
4.3.3 設計登錄頁面
練習題

第5章 HTML5拖放
5.1 概述
5.1.1 什麼是拖放
5.1.2 設置元素為可拖放
5.1.3 拖放事件
5.2 傳遞拖曳數據
5.2.1 dataTransfer對象的屬性
5.2.2 dataTransfer對象的方法
5.3 HTML5拖放的實例
5.3.1 拖放HTML元素
5.3.2 拖放文件
練習題

第6章 使用Canvas API畫圖
6.1 Canvas元素
6.1.1 Canvas元素的定義語法
6.1.2 使用JavaScript獲取網頁中的canvas對象
6.2 坐標與顏色
6.2.1 坐標系統
6.2.2 顏色的表示方法
6.3 繪製圖形
6.3.1 繪製直線
6.3.2 繪製貝塞爾曲線
6.3.3 繪製矩形
6.3.4 繪製圓弧
6.4 描邊和填充
6.4.1 描邊
6.4.2 填充圖形內部
6.4.3 漸變顏色
6.4.4 透明顏色
6.5 繪製圖像與文字
6.5.1 繪製圖像
6.5.2 輸出文字
6.6 圖形的操作
6.6.1 保存和恢復繪圖狀態
6.6.2 移動
6.6.3 縮放
6.6.4 旋轉
6.6.5 變形
6.7 組合和陰影
6.7.1 組合圖形
6.7.2 繪製陰影
6.8 HTML5 Canvas應用實例
6.8.1 繪製漂亮的警告牌
6.8.2 動畫實例：小型太陽系模型
練習題

第7章 繪製可伸縮矢量圖形(SVG)
7.1 SVG概述
7.1.1 SVG的特性
7.1.2 XML基礎
7.1.3 一個SVG實例
7.1.4 SVG坐標系統
7.1.5 在HTML5中使用SVG
7.2 SVG形狀
7.2.1 繪製直線
7.2.2 繪製折線
7.2.3 繪製矩形
7.2.4 繪製圓形
7.2.5 繪製橢圓
7.2.6 繪製多邊形
7.2.7 路徑
7.3 線條和填充
7.3.1 設置線條的屬性
7.3.2 填充
7.4 SVG文本與圖片
7.4.1 輸出文本
7.4.2 SVG圖片
7.5 SVG濾鏡
7.5.1 定義濾鏡
7.5.2 應用濾鏡
7.6 漸變顏色
7.6.1 線性漸變
7.6.2 放射性漸變
7.7 變換坐標系
7.7.1 視窗變換——viewBox屬性
7.7.2 用戶坐標系的變換——transform屬性
練習題

第8章 播放多媒體
8.1 HTML5音頻
8.1.1 audio標簽
8.1.2 播放背景音樂
8.1.3 設置替換音頻源
8.1.4 使用JavaScript語言訪問audio對象
8.２ HTML5視頻
8.2.1 video標簽
8.2.2 使用JavaScript語言訪問video對象
練習題

第9章 Web通信
9.1 跨文檔消息機制
9.1.1 檢測瀏覽器對跨文檔消息機制的支持情況
9.1.2 使用postMessage API發送消息
9.1.3 監聽和處理消息事件
9.2 XMLHttpRequest Level 2
9.2.1 創建XMLHttpRequest對象
9.2.2 發送HTTP請求
9.2.3 從服務器接收數據
9.2.4 進行HTTP頭(HEAD)請求
9.2.5 超時控制
9.2.6 使用FormData對象向服務器發送數據
9.2.7 使用FormData對象上傳文件
9.3 WebSocket
9.3.1 什麼是Socket
9.3.2 WebSocket API概述
9.3.3 WebSocket API編程
9.3.4 WebSocket服務器
練習題

第10章 本地存儲
10.1 概述
10.1.1 HTML4的本地數據存儲方式
10.1.2 HTML5本地存儲技術概述
10.2 localstorage
10.2.1 瀏覽器對localstorage的支持情況
10.2.2 使用localstorage保存數據
10.2.3 獲取localstorage中的數據
10.2.4 刪除localstorage中的數據
10.2.5 storage事件
10.3 sessionstorage
10.3.1 判斷瀏覽器是否支持sessionstorage
10.3.2 使用sessionstorage保存數據
10.3.3 獲取sessionstorage中的數據
10.3.4 刪除sessionstorage中的數據
10.4 webSQL Database API
10.4.1 判斷瀏覽器是否支持webSQL Database API
10.4.2 新建數據庫
10.4.3 執行SQL語句
10.5 IndexedDB
10.5.1 數據庫的相關概念
10.5.2 判斷瀏覽器是否支持IndexedDB
10.5.3 創建和打開數據庫
10.5.4 創建對象存儲空間ObjectStore
10.5.5 創建索引
10.5.6 事務
10.5.7 ￿標
練習題

第11章 開發支持離線的Web應用程序
11.1 HTML5離線Web應用程序概述
11.1.1 什麼是離線Web應用程序
11.1.2 開發離線Web應用程序需要完成的工作
11.2 開發HTML5離線Web應用程序
11.2.1 Application Cache API
11.2.2 Cache manifest文件
11.2.3 更新緩存
11.2.4 檢測在線狀態
練習題

第12章 獲取瀏覽器的地理位置信息
12.1 概述
12.1.1 什麼是瀏覽器地理位置
12.1.2 瀏覽器對獲取地理位置信息的支持情況
12.2 獲取地理位置信息
12.2.1 getCurrentPosition()方法
12.2.2 watchPosition()方法
12.2.3 clearWatch()方法
12.3 數據保護
12.3.1 在Internet Explorer 9中配置共享地理位置
12.3.2 在Chrome中配置共享地理位置
12.3.3 在Firefox中配置共享地理位置
練習題

第13章 支持多線程編程的Web Workers
13.1 概述
13.1.1 什麼是線程
13.1.2 什麼是HTML5 Web Workers
13.1.3 瀏覽器對Web Workers的支持情況
13.2 Web Workers編程
13.2.1 創建Web Workers對象
13.2.2 終止Web Workers對象
13.2.3 共享線程(Shared Worker)
練習題

第14章 jQuery程序設計
14.1 jQuery基礎
14.1.1 下載jQuery
14.1.2 初識jQuery
14.2 jQuery選擇器
14.2.1 基礎選擇器
14.2.2 層次選擇器
14.2.3 基本過濾器
14.2.4 內容過濾器
14.2.5 可見性過濾器
14.2.6 屬性過濾器
14.2.7 子元素過濾器
14.3 設置HTML元素的屬性與CSS樣式
14.3.1 設置HTML元素的屬性
14.3.2 設置CSS樣式
14.4 表單編程
14.4.1 表單選擇器
14.4.2 表單過濾器
14.4.3 表單API
14.5 事件和Event對象
14.5.1 事件處理函數
14.5.2 Event對象
14.5.3 綁定到事件處理函數
14.5.4 鍵盤事件
14.5.5 鼠標事件
14.5.6 文檔加載事件
14.5.7 瀏覽器事件
14.6 jQuery動畫
14.6.1 執行自定義的動畫
14.6.2 顯示和隱藏HTML元素
14.6.3 淡入淡出效果
14.6.4 滑動效果
14.6.5 動畫隊列
練習題

附錄 實驗
實驗1 HTML4基礎
實驗2 HTML5的新特性
實驗3 JavaScript編程
實驗4 HTML5表單及文件處理
實驗5 使用CSS3
實驗6 HTML5拖放
實驗7 使用Canvas API畫圖
實驗8 繪製可伸縮矢量圖形(SVG)
實驗9 播放多媒體
實驗10 Web通信
實驗11 本地存儲
實驗12 開發支持離線的Web應用程序
實驗13 獲取瀏覽器的地理位置信息
實驗14 支持多線程編程的Web Workers
實驗15 jQuery編程