HTML+CSS網頁設計實踐教程

第1章HTML5概述
1.1了解HTML5
1.1.1HTML5簡介
1.1.2HTML5的組織
1.1.3HTML5的特性
1.1.4HTML5的優點
1.1.5HTML5的發展趨勢
1.2HTML5與其他技術的區別
1.2.1與XHTML的區別
1.2.2與Silverlight和Flash的區別
1.3HTML5與HTML4的區別
1.3.1語法的改變
1.3.2新增元素和廢除元素
1.3.3新增屬性和廢除屬性
1.3.4全局屬性
1.4HTML5的瀏覽器支持情況
1.4.1支持HTML5的瀏覽器說明
1.4.2在線測試當前瀏覽器的支持情況
1.5實驗指導1—1：簡單安裝傲游瀏覽器
1.6常用的瀏覽器內核
思考與練習
第2章HTML5中的新增元素
2.1新增的結構元素
2.1.1header元素
2.1.2article元素
2.1.3section元素
2.1.4nav元素
2.1.5footer元素
2.1.6address元素
2.1.7hgroup元素
2.2新增的塊級語義元素
2.2.1aside元素
2.2.2figure元素
2.2.3dialog元素
2.3新增的行內語義元素
2.3.1mark元素
2.3.2cite元素
2.3.3time元素
2.3.4meter元素
2.3.5progress元素
2.4新增的交互元素
2.4.1details元素
2.4.2menu元素
2.4.3command元素
2.4.4datagrid元素
2.5改良HTML4元素的功能
2.5.1ul元素
2.5.2ol元素
2.5.3嵌套列表
2.6實驗指導2—1：使用新增元素構建網頁
思考與練習
第3章HTML5中的表單應用
3.1認識和創建HTML表單
3.1.1認識HTML表單
3.1.2input元素的基本類型
3.1.3其他輸入元素
3.2新增的表單元素
3.2.1datalist元素
3.2.2Output元素
3.2.3keygen元素
3.2.4Optgroup元素
3.3新增的表單類型
3.3.1email類型
3.3.2url類型
3.3.3number類型
3.3.4range類型
3.3.5tel類型
3.3.6color類型
3.3.7search類型
3.3.8日期和時間類型
3.4新增的表單屬性
3.4.1form屬性
3.4.2表單重寫屬性
3.4.3placeholder屬性
3.4.4required屬性
3.4.5pattern屬性
3.4.6autocomplete屬性
3.4.7autofocus屬性
3.5表單驗證
3.5.1自動驗證
3.5.2顯式驗證
3.5.3自定義驗證
3.5.4驗證事件
3.5.5取消驗證
3.6實驗指導3—1：會員資料注冊
思考與練習
第4章HTML5中的文件應用
4.1選擇文件
4.1.1選擇單個文件
4.1.2選擇多個文件
4.1.3限制選擇文件類型
4.2實驗指導4—1：將文件上傳到服務器端
4.3讀取文件
4.3.1認識FileReader接口
4.3.2讀取二進制文件
4.3.3顯示預覽圖像
4.3.4讀取文本文件
4.4錯誤處理方案
4.4.1產生錯誤的原因
4.4.2FileError接口
4.4.3錯誤處理練習
4.5文件拖放API和常用對象
4.5.1拖放API
4.5.2認識DataTransfer對象
4.5.3DataTransfer對象的方法
4.5.4DataTransfer對象的屬性
4.6實驗指導4—2：拖動文字到網頁的指定區域
4.7實驗指導4—3：拖放實現帶進度條的文件上傳
思考與練習
第5章HTML5中的多媒體元素
5.1HTML5多媒體概述
5.1.1HTML4中的多媒體應用
5.1.2HTML5中的多媒體
5.2多媒體元素的屬性
5.2.1audio和video的共同屬性
5.2.2audio元素顯示音頻文件
5.2.3video元素顯示視頻文件
5.3向多媒體元素中添加source元素
5.3.1認識source元素
5.3.2source元素常用的支持格式
5.3.3多媒體元素添加source元素
5.3.4視頻文件添加source元素
5.4多媒體元素的方法
5.5多媒體元素的事件
5.5.1audio和video的共同事件
5.5.2video元素添加事件
5.6認識embed元素
5.7實驗指導5—1：制作絢麗的音樂播放器
思考與練習
第6章數據存儲
6.1認識Web Storage
6.1.1Web Storage介紹
6.1.2Web Storage的優缺點
6.2localStorage對象
6.2.1判斷瀏覽器是否支持
6.2.2localStorage的常用方法
6.2.3統計訪問人數
6.2.4及時更新訪問人數
6.3sessionStorage對象
6.3.1與localStorage對象的不同
6.3.2判斷瀏覽器是否支持
6.3.3方法和事件
6.4JSON對象操作數據
6.5認識W曲SQL
6.5.1Web SQL介紹
6.5.2Web SQL API操作
6.5.3數據的簡單操作
6.6實驗指導6—1：基於Web SQL的留言簿
思考與練習
第7章Canvas API動態繪圖
7.1認識canvas元素
7.1.1canvas基礎知識
7.1.2canvas API的基本使用
7.1.3與SVG的簡單區別
7.2通過路徑繪圖
7.2.1基本方法
7.2.2繪制直線
7.2.3繪制圓形
7.2.4繪制三角形
7.3實驗指導7—1：繪制復雜圖形
7.4貝塞爾曲線
7.4.1二次方曲線
7.4.2三次方曲線
7.5繪制漸變圖形
7.5.1了解漸變
7.5.2線性漸變
7.5.3徑向漸變
7.6高級繪圖操作
7.6.1繪圖狀態
7.6.2坐標變換
7.6.3矩陣變換
7.6.4合成圖形
7.7實驗指導7—2：實現時鍾的動畫效果
7.8圖像操作
7.8.1創建圖像
7.8.2繪制圖像
7.8.3縮放圖像
7.8.4裁剪圖像
7.8，5輸出圖像
7.9文字和陰影效果
7.9.1繪制文字
7.9.2陰影特效
思考與練習
第8章離線緩存
8.1離線應用程序概述
8.1.1認識離線應用程序
8.1.2離線緩存與瀏覽器緩存
8.1.3創建離線緩存應用
8.2Cache Manifest文件
8.2.1認識Cache Manifest文件
8.2.2Cache Manifest的組成
8.2.3向manifest文件添加注釋
8.2.4Cache Mainifest的遵循原則
8.2.5配置IIS服務器
8.3離線訪問系統當前時間
8.4瀏覽器與服務器的交互過程
8.4.1首次載入頁面
8.4.2再次載入頁面
8.5離線存儲對象：applicationCache
8.5.1認識applicationCache
8.5.2檢測本地緩存狀態
8.5.3檢測在線狀態
8.5.4本地緩存更新
8.5.5事件執行順序
8.6實驗指導8—1：制作離線使用的日程備忘錄
思考與練習
第9章通信APl和地理位置獲取
9.1跨文檔消息傳輸
9.1.1MessageAPI概述
9.1.2跨域獲取傳遞消息
9.2Web Sockets通信
9.2.1Web SocketsAPI概述
9.2.2使用Web Sockets API
9.2.3向.NET端發送數據
9.3Web Workers線程
9.3.1線程概述
9.3.2Worker對象
9.3.3計算數字結果
9.3.4線程嵌套處理
9.4GeolocatinAPI概述
9.4.1getCurrentPosition（）方法
9.4.2watchCurrentPosition（）方法
9.4.3clearWatch（）方法
9.5Position對象顯示當前位置
9.6實驗指導9—1：Google地圖鎖定當前位置
思考與練習
第10章CSS3和新增顏色及文本樣式
10.1了解CSS3
10.1.1什麼是CSS3
10.1.2CSS3的支持情況
10.1.3CSS3的新增特性
10.2新增顏色
10.2.1RGBA
10.2.2HSL
10.2.3HSLA
10.2.4Opaticy
10.3文本樣式
10.3.1text—overflow屬性
10.3.2text—shadow屬性
10.3.3word—wrap屬性
10.4字體樣式規則：@font—face
10.4.1語法規則
10.4.2基本練習
10.4.3字體與字體樣式
10.4.4注意事項
10.5實驗指導10—1：定義文章的標題和內容樣式
思考與練習
第11章CSS3中的新增選擇器
11.1屬性選擇器
11.1.1E（att；=”val”）選擇器
11.1.2E（att＄=”val”）選擇器
11.1.3E（att*=”val”）選擇器
11.2結構化偽類選擇器
11.2.1E：root選擇器
11.2.2E：nth—child（n）選擇器
11.2.3E：nth—last—child（n）選擇器
11.2.4E：nth—of—type（n）和E：nth—last—of—type（n）選擇器
11.2.5E：last—child選擇器
11.2.6E：first—of—type和E：last—of—type選擇器
11.2.7E：only—child選擇器
11.2.8E：only—of—type選擇器
11.2.9E：empty選擇器
11.3UI元素狀態偽類選擇器
11.3.1E：enabled選擇器
11.3.2E：disabled選擇器
11.3.3E：checked選擇器
11.3.4E：：selection選擇器
11.4其他新增選擇器
11.4.1否定偽類選擇器：E：not（s）
11.4.2目標偽類選擇器：E：target
11.4.3通用兄弟元素選擇器：E～F
11.5新增內容屬性：content
11.5.1基本語法
11.5.2插入圖像
11.5.3插入項目編碼
11.5.4插入嵌套符號
11.5.5編號嵌套
11.6實驗指導11—1：結構化的數據表格設計
思考與練習
……
第12章彈性盒模型與樣式布局
第13章邊框、背景和漸變
第14章HTML5+CSS3制作旅游網頁
附錄思考與練習答案