《HTML5 APP 開發(fā)從入門到精通(基于HTML5 CSS3 jQuery Mobile Bootstrap)
》一書分為4大部分,共21章。第1部分講述HTML5 實戰(zhàn)的基礎知識,主要包括HTML5概述、HTML5文字和版式變化、構建HTML5文檔結構、HTML5 表單、HTML5 多媒體應用、客戶端數(shù)據(jù)存儲等;第 2 部分講述 CSS3 的基礎知識,主要包括 CSS3概述、CSS 選擇器、定義文本樣式(字體與顏色) 、設計背景和邊框樣式、設計多列和流動網頁布局等技術;第 3部分為框架部分,介紹了jQuery
Mobile 和Bootstrap實戰(zhàn)框架的使用、常用組件的應用,以及jQuery Mobile 的一些高級特性,如布局、主題、事件等;第4 部分是實戰(zhàn)部分,通過3個移動項目案例:微信wap網站、記事本應用項目和互動社區(qū)wap項目,介紹了APP開發(fā)的全過程。
《HTML5 APP 開發(fā)從入門到精通(基于HTML5 CSS3 jQuery Mobile Bootstrap)
》 配備了極為豐富的學習資源,其中配套資源有:325節(jié)教學視頻(可二維碼掃描)、素材源程序;附贈的拓展學習資源有:習題及面試題庫、案例庫、工具庫、網頁模板庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等。
《HTML5APP 開發(fā)從入門到精通(基于 HTML5 CSS3 jQueryMobile Bootstrap)
》適用于 HTML5 入門者、HTML5移動開發(fā)入門者、jQuery Mobile 和Boot strap 實戰(zhàn)入門者,也可作為各大中專院校網頁設計、網頁制作、網站建設、Web 前端開發(fā)等專業(yè)的教學參考用書,或相關培訓機構的培訓教材。
第 1章 HTML5入門
1.1HTML5
與 HTML4 比較
1.2HTML5
基本語法
1.3HTML5
新增元素
1.3.1 結構元素
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 結構性標簽
2.2.2 級塊性標簽
2.2.3 行內語義性標簽
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 定義站內鏈接
2.6.5 定義 Email 鏈接
2.7設計表格文字
2.7.1 定義表格.
2.7.2 設計表格結構
2.7.3 設置表格屬性
2.7.4 合并單元格
2.7.5 定義列組和行組
2.7.6 定義表格標題
2.8案例實戰(zhàn)
2.8.1 設計新聞內頁
2.8.2 設計網頁日歷
第 3章構建 HTML5文檔結構
3.1創(chuàng)建HTML5 結構
3.1.1 定義文章塊
3.1.2 定義內容塊
3.1.3 定義導航欄
3.1.4 定義側邊欄
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 設計結構
3.4.2 設計樣式
第 4章 HTML5表單
4.1HTML5
表單結構和表單對象
4.1.1HTML5
表單基本結構
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 設計移動調查表
4.6.2 設計 PC調查表
4.6.3 設計在位編輯
第 5章 HTML5多媒體應用
5.1網頁多媒體發(fā)展歷史
5.2HTML5多媒體技術
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 音頻和視頻相關方法
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 案例:設置網頁背景色
6.3.5 案例:存取localStorage數(shù)據(jù)
6.3.6 案例:設計網頁計數(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綜合案例:設計購物網站
6.6.1 設計思路
6.6.2 設計登錄頁
6.6.3 設計商品選購頁面
第 7章 CSS 樣式基礎
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)內容
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排版網頁
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
排版網頁
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 設計多列網頁
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 定義關閉模態(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 設置關閉按鈕
13.6案例實戰(zhàn)
13.6.1 設計彈出框
13.6.2 設計側滑面板
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 定義內聯(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 開關按鈕
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 設計調查問卷
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 翻轉事件
17.3.3 滾屏事件
17.4案例實戰(zhàn)
17.4.1 點按和長按
17.4.2 側劃面板
第 18章使用 Bootstrap
18.1Bootstrap
概述
18.1.1Bootstrap特色
18.1.2Bootstrap模塊
18.2下載 Bootstrap
18.2.1 下載Bootstrap
18.2.2 源碼版 Bootstrap文件結構
18.2.3 編譯版 Bootstrap文件結構
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網站
19.1設計思路
19.1.1 內容
19.1.2 結構
19.1.3 效果
19.2設計首頁
19.3設計登錄頁
19.4選擇城市
19.5選擇酒店
19.6預定酒店
第 20章實戰(zhàn)開發(fā):記事本應用項目
20.1項目分析
20.2框架設計
20.3技術準備
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)