第 1章 HTML5入門

1.1HTML5 與 HTML4 比較

1.2HTML5 基本語法

1.3HTML5 新增元素

1.3.1 結(jié)構(gòu)元素

1.3.2 功能元素

1.4HTML5 廢除的元素

1.5HTML5 新增屬性

1.5.1 表單屬性

1.5.2 鏈接屬性

1.5.3 其他屬性

1.6HTML5 廢除的屬性

1.7HTML5 新增全局屬性

1.7.1contentEditable屬性

1.7.2 designMode屬性

1.7.3hidden 屬性

1.7.4spellcheck 屬性

1.7.5tabindex 屬性

1.8HTML5 其他功能

1.9jQuery Mobile與 HTML5

1.10案例實戰(zhàn)

1.10.1 新建HTML5文檔

1.10.2 設計圖文頁面

第 2章 HTML5文字和版式變化

2.1HTML5 文檔

2.2HTML5 標簽

2.2.1 結(jié)構(gòu)性標簽

2.2.2 級塊性標簽

2.2.3 行內(nèi)語義性標簽

2.2.4 交互性標簽

2.3設計段落版式

2.3.1 設置段落樣式

2.3.2 設置對齊和縮進

2.3.3 添加分隔線

2.3.4 設置標題樣式

2.4設計文字效果

2.4.1 設置字形樣式

2.4.2 設置上標、下標

2.5設計列表文字

2.5.1 無序列表.

2.5.2 有序列表.

2.5.3 定義列表.

2.6設計鏈接文字

2.6.1認識超鏈接

2.6.2 定義超鏈接

2.6.3 定義站外鏈接

2.6.4 定義站內(nèi)鏈接

2.6.5 定義 Email 鏈接

2.7設計表格文字

2.7.1 定義表格.

2.7.2 設計表格結(jié)構(gòu)

2.7.3 設置表格屬性

2.7.4 合并單元格

2.7.5 定義列組和行組

2.7.6 定義表格標題

2.8案例實戰(zhàn)

2.8.1 設計新聞內(nèi)頁

2.8.2 設計網(wǎng)頁日歷

第 3章構(gòu)建 HTML5文檔結(jié)構(gòu)

3.1創(chuàng)建HTML5 結(jié)構(gòu)

3.1.1 定義文章塊

3.1.2 定義內(nèi)容塊

3.1.3 定義導航欄

3.1.4 定義側(cè)邊欄

3.1.5 定義微格式

3.1.6 定義日期.

3.2定義語義塊

3.2.1 標題塊

3.2.2 標題組

3.2.3 腳注塊

3.2.4 聯(lián)系信息

3.3案例實戰(zhàn)：設計博客首頁

3.4案例實戰(zhàn)：設計個人主頁

3.4.1 設計結(jié)構(gòu)

3.4.2 設計樣式

第 4章 HTML5表單

4.1HTML5 表單結(jié)構(gòu)和表單對象

4.1.1HTML5 表單基本結(jié)構(gòu)

4.1.2HTML5 表單對象

4.2新增輸入類型

4.2.1email 類型

4.2.2url類型

4.2.3number 類型

4.2.4range類型

4.2.5 日期選擇器

4.2.6search 類型

4.2.7tel類型

4.2.8 顏色選擇器

4.3新增輸入控制屬性

4.3.1autocomplete 屬性

4.3.2autofocus 屬性

4.3.3form屬性

4.3.4formaction 屬性

4.3.5height和 width屬性

4.3.6list屬性

4.3.7min、max和 step屬性

4.3.8multiple屬性

4.3.9pattern 屬性

4.3.10placeholder屬性

4.3.11required屬性

4.4新增表單元素

4.4.1datalist元素

4.4.2keygen 元素

4.4.3output元素

4.5新增表單屬性

4.5.1autocomplete 屬性

4.5.2novalidate 屬性

4.6案例實戰(zhàn)

4.6.1 設計移動調(diào)查表

4.6.2 設計 PC調(diào)查表

4.6.3 設計在位編輯

第 5章 HTML5多媒體應用

5.1網(wǎng)頁多媒體發(fā)展歷史

5.2HTML5多媒體技術(shù)

5.2.1 視頻編解碼器

5.2.2 音頻編解碼器

5.2.3 容器

5.3HTML5 多媒體支持

5.3.1 瀏覽器支持

5.3.2 音頻格式支持檢測

5.3.3 視頻格式支持檢測

5.4使用HTML5 音頻

5.5使用HTML5 視頻

5.6設置屬性、方法與事件

5.6.1 音頻和視頻屬性

5.6.2 音頻和視頻相關(guān)方法

5.6.3 音頻和視頻事件

5.7案例實戰(zhàn)

5.7.1 手工控制視頻播放

5.7.2 根據(jù)視頻畫面控制進度

第 6章客戶端數(shù)據(jù)存儲

6.1認識Web Storage

6.2瀏覽器支持

6.3使用Web Storage

6.3.1 存取數(shù)據(jù).

6.3.2Web Storage 屬性和方法

6.3.3Web Storage 事件

6.3.4 案例：設置網(wǎng)頁背景色

6.3.5 案例：存取localStorage數(shù)據(jù)

6.3.6 案例：設計網(wǎng)頁計數(shù)器

6.4使用Web SQL

6.4.1 使用Web SQL

6.4.2 案例：創(chuàng)建本地數(shù)據(jù)庫

6.4.3 案例：批量存儲本地數(shù)據(jù)

6.5案例實戰(zhàn)

6.5.1 設計Web留言本1

6.5.2 設計客戶聯(lián)系表

6.5.3 使用Web SQL設計留言本

6.6綜合案例：設計購物網(wǎng)站

6.6.1 設計思路

6.6.2 設計登錄頁

6.6.3 設計商品選購頁面

第 7章 CSS 樣式基礎(chǔ)

7.3認識 CSS

7.1.1CSS發(fā)展歷史

7.1.2CSS優(yōu)勢

7.1.3CSS樣式

7.1.4 應用 CSS樣式

7.1.5CSS樣式表

7.1.6 導入樣式表

7.1.7CSS注釋和格式化

7.1.8 設計第一個樣式示例

7.2CSS 選擇器

7.2.1 認識 CSS選擇器

7.2.2 標簽選擇器

7.2.3ID 選擇器

7.2.4 類選擇器

7.2.5 指定選擇器

7.2.6 包含選擇器

7.2.7 子選擇器

7.2.8 相鄰選擇器

7.2.9 兄弟選擇器

7.2.10 分組選擇器

7.2.11 偽選擇器

7.2.12 屬性選擇器

7.2.13 通用選擇器

7.3CSS 特性

7.3.1 層疊性

7.3.2 繼承性

7.4案例實戰(zhàn)

7.4.1 設計超鏈接樣式

7.4.2 設計表格樣式

第 8章 CSS 設計文本樣式

8.1定義文本樣式

8.1.1 字體類型

8.1.2 字體大小

8.1.3 字體顏色.

8.1.4 字體粗細.

8.1.5 斜體字體.

8.1.6 裝飾線

8.1.7 字體大小寫

8.1.8 文本水平對齊

8.1.9 文本垂直對齊

8.1.10 字間距和詞間距

8.1.11 行高

8.1.12 首行縮進

8.2案例實戰(zhàn)

8.2.1 定義文本陰影

8.2.2 設計文本陰影特效

8.2.3 定義溢出文本

8.2.4 文本換行.

8.2.5 添加動態(tài)內(nèi)容

8.2.6 恢復默認樣式

8.2.7 自定義字體類型

第 9章設計背景和邊框樣式

9.1定義邊框樣式

9.2定義圓角

9.3定義陰影

9.4設計背景圖像

9.4.1 背景顏色.

9.4.2 設置背景圖像

9.4.3 背景平鋪.

9.4.4 背景定位.

9.4.5 固定背景.

9.4.6 定位參考.

9.4.7 背景裁剪.

9.4.8 背景大小.

9.4.9 多背景圖.

9.5案例實戰(zhàn)

9.5.1 設計圖標按鈕

9.5.2 設計花邊框

9.5.3 設計橢圓圖形

第 10章使用 DIV CSS排版網(wǎng)頁

10.1控制頁面元素顯示

10.1.1 定義邊界

10.1.2 定義補白

10.1.3 定義尺寸

10.2以浮動方式顯示

10.2.1 定義顯示類型

10.2.2 定義顯示模式

10.2.3 設置浮動顯示

10.2.4 清除浮動

10.3CSS定位顯示

10.3.1 設置定位顯示

10.3.2 靜態(tài)定位

10.3.3 絕對定位

10.3.4 相對定位

10.3.5 固定定位

10.3.6 定位包含框

10.3.7 設置定位偏移

10.3.8 設置層疊順序

10.3.9 層疊上下文

第 11章使用 HTML5 CSS3 排版網(wǎng)頁

11.1多列流動布局

11.1.1 設置列寬

11.1.2 設置列數(shù)

11.1.3 設置列間距

11.1.4 設置列邊框樣式

11.1.5 設置跨列顯示

11.1.6 設置列高度

11.2彈性盒布局

11.2.1 定義Flexbox

11.2.2 定義伸縮方向

11.2.3 定義行數(shù)

11.2.4 定義對齊方式

11.2.5 定義伸縮項目

11.3比較三種布局方式

11.4案例實戰(zhàn)

11.4.1 設計可伸縮模板

11.4.2 設計多列網(wǎng)頁

11.4.3 設計HTML5模板

第 12章 jQuery Mobile 入門

12.1認識 JavaScript和 jQuery

12.1.1 使用 JavaScript

12.1.2JavaScript對象和函數(shù)

12.1.3JavaScript事件

12.1.4 使用 jQuery

12.1.5jQuery 框架

12.1.6jQuery 選擇器

12.2認識 jQuery Mobile

12.2.1jQuery Mobile的兼容性

12.2.2jQuery Mobile的優(yōu)勢

12.2.3 移動設備模擬器

12.3使用 jQuery Mobile

12.3.1 下載文件

12.3.2 初始化頁面

12.4案例：設計第一個移動頁面

第 13章設計 jQuery Mobile 頁面和

彈出框

13.1創(chuàng)建頁面

13.1.1 定義單頁

13.1.2 定義多頁

13.1.3 定義外部鏈接

13.1.4 定義模態(tài)頁

13.1.5 定義關(guān)閉模態(tài)框

13.2設計視圖

13.2.1 設計視圖背景

13.2.2 設計頁面切換動畫

13.3定義彈出頁

13.4應用彈出頁

13.4.1 彈出菜單

13.4.2 彈出表單

13.4.3 彈出對話框

13.4.4 彈出圖片

13.5設置彈出頁

13.5.1 設置顯示位置

13.5.2 設置切換動畫

13.5.3 設置主題樣式

13.5.4 設置關(guān)閉按鈕

13.6案例實戰(zhàn)

13.6.1 設計彈出框

13.6.2 設計側(cè)滑面板

13.6.3 設計相冊

第 14章移動頁面布局

14.1使用分欄布局 3

14.1.1 定義分欄

14.1.2 案例：設計兩欄頁面

14.2使用折疊塊

14.2.1 定義折疊塊

14.2.2 定義嵌套折疊塊

14.2.3 定義折疊組

14.3使用列表

14.3.1 定義列表視圖

14.3.2 定義嵌套列表

14.3.3 分類列表

14.3.4 定義拆分按鈕

14.3.5 定義縮微圖和圖標

14.3.6 定義氣泡

14.3.7 列表過濾

14.3.8 定義插頁列表

14.3.9 定義折疊列表

14.3.10 自動分類列表

14.4使用表格

14.4.1 表格回流

14.4.2 表格字段切換

14.5使用滑動面板

14.6案例實戰(zhàn)

14.6.1 設計課程表

14.6.2 設計九宮格

14.6.3 設計登錄頁

14.6.4 設計新聞列表

14.6.5 設計播放列表

14.6.6 設計通訊錄

第 15章使用 UI 組件

15.1使用按鈕

15.1.1 定義按鈕

15.1.2 定義內(nèi)聯(lián)按鈕

15.1.3 定義按鈕圖標樣式

15.1.4 設置按鈕圖標位置

15.1.5 定義迷你按鈕

15.1.6 定義按鈕組

15.2使用工具欄

15.2.1 定義工具欄

15.2.2 定義顯示模式

15.3設計頁眉

15.3.1 定義頁眉欄

15.3.2 定義頁眉按鈕

15.3.3 定義按鈕位置

15.4設計導航

15.4.1 定義導航欄

15.4.2 定義導航圖標

15.4.3 定義圖標位置

15.5設計頁腳

15.5.1 定義頁腳欄

15.5.2 包含表單

15.6使用表單組件

15.6.1 文本框

15.6.2 單選按鈕

15.6.3 復選框

15.6.4 滑塊

15.6.5 開關(guān)按鈕

15.6.6 下拉菜單

15.6.7 列表框

15.7設計表單組件

15.7.1 恢復表單原生樣式

15.7.2 選擇項目分組

15.7.3 禁用選擇項目

15.7.4 禁用表單對象

15.7.5 隱藏標簽

15.7.6 設計迷你表單

15.8案例實戰(zhàn)

15.8.1 設計播放器

15.8.2 設計模擬鍵盤

15.8.3 設計調(diào)查問卷

15.8.4 設計拾色器

15.8.5 設計登錄框

第 16章設置主題

16.1使用主題

16.1.1 認識主題

16.1.2 默認主題

16.1.3 應用主題

16.2使用 ThemeRoller

16.3案例實戰(zhàn)

16.3.1 定義多頁面主題

16.3.2 動態(tài)設置頁面主題

16.3.3 設計計算器

第 17章 jQuery Mobile 配置和事件

17.1配置

17.1.1jQuery Mobile配置項

17.1.2 案例：設置 gradeA

17.2頁面事件

17.2.1 頁面初始事件

17.2.2 頁面切換事件

17.2.3 頁面顯隱事件

17.3觸摸事件

17.3.1 劃動事件

17.3.2 翻轉(zhuǎn)事件

17.3.3 滾屏事件

17.4案例實戰(zhàn)

17.4.1 點按和長按

17.4.2 側(cè)劃面板

第 18章使用 Bootstrap

18.1Bootstrap 概述

18.1.1Bootstrap特色

18.1.2Bootstrap模塊

18.2下載 Bootstrap

18.2.1 下載Bootstrap

18.2.2 源碼版 Bootstrap文件結(jié)構(gòu)

18.2.3 編譯版 Bootstrap文件結(jié)構(gòu)

18.3安裝 Bootstrap

18.3.1 在頁面中導入 Bootstrap框架

18.3.2 初次使用 Bootstrap

18.4使用常用組件

18.4.1 設計下拉菜單

18.4.2 設計按鈕組

18.4.3 設計按鈕導航條

18.4.4 設計按鈕式下拉菜單

18.4.5 設計導航組件

18.4.6 綁定導航和下拉菜單

18.4.7 設計導航條

18.4.8 設計列表組

18.4.9 定義模態(tài)框

18.4.10 定義滾動監(jiān)聽

18.5案例實戰(zhàn)

18.5.1 設計Tabs組件

18.5.2 設計企業(yè)首頁

第 19章案例開發(fā)：微信 wap網(wǎng)站

19.1設計思路

19.1.1 內(nèi)容

19.1.2 結(jié)構(gòu)

19.1.3 效果

19.2設計首頁

19.3設計登錄頁

19.4選擇城市

19.5選擇酒店

19.6預定酒店

第 20章實戰(zhàn)開發(fā)：記事本應用項目

20.1項目分析

20.2框架設計

20.3技術(shù)準備

20.3.1 兼容性檢查

20.3.2 讀寫數(shù)據(jù)

20.3.3 使用Web Storage

20.3.4Web Storage 事件監(jiān)測

20.4制作主頁面

20.5制作列表頁

20.6制作詳細頁

20.7制作修改頁

20.8制作添加頁

第 21章實戰(zhàn)開發(fā)：互動社區(qū)wap項目

21.1項目分析

21.2主頁設計

21.3登錄頁設計

21.4注冊頁設計

21.5發(fā)布頁設計

21.6后臺開發(fā)

21.6.1 設計數(shù)據(jù)庫

21.6.2 連接數(shù)據(jù)庫

21.6.3 首頁功能實現(xiàn)

21.6.4 注冊頁功能實現(xiàn)

21.6.5 發(fā)布頁功能實現(xiàn)

21.6.6 回復功能實現(xiàn)