《HTML5 APP開發從入門到精通》是2017年7月1日中國水利水電出版社出版的圖書,作者是未來科技 。
基本介紹
內容簡介,圖書目錄,
內容簡介
《HTML5 APP 開發從入門到精通(基於HTML5+CSS3+jQueryMobile+Bootstrap) 》一書分為4大部分,共21章。第1部分講述HTML5 實戰的基礎知識,主要包括HTML5概述、HTML5文字和版式變化、構建HTML5文檔結構、HTML5 表單、HTML5 多媒體套用、客戶端數據存儲等;第 2 部分講述 CSS3 的基礎知識,主要包括 CSS3概述、CSS 選擇器、定義文本樣式(字型與顏色) 、設計背景和框線樣式、設計多列和流動網頁布局等技術;第 3部分為框架部分,介紹了jQuery Mobile 和Bootstrap實戰框架的使用、常用組件的套用,以及jQuery Mobile 的一些高級特性,如布局、主題、事件等;第4 部分是實戰部分,通過3個移動項目案例:微信wap網站、記事本套用項目和互動社區wap項目,介紹了APP開發的全過程。
《HTML5 APP 開發從入門到精通(基於HTML5+CSS3+jQuery obile+Bootstrap) 》 配備了極為豐富的學習資源,其中配套資源有:325節教學視頻(可二維碼掃描)、素材源程式;附贈的拓展學習資源有:習題及面試題庫、案例庫、工具庫、網頁模板庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等。
《HTML5APP 開發從入門到精通(基於 HTML5+CSS3+jQueryMobile+Bootstrap) 》適用於 HTML5 入門者、HTML5移動開發入門者、jQuery Mobile 和Boot strap 實戰入門者,也可作為各大中專院校網頁設計、網頁製作、網站建設、Web 前端開發等專業的教學參考用書,或相關培訓機構的培訓教材。
圖書目錄
第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.2designMode屬性
1.7.3hidden屬性
1.7.4spellcheck屬性
1.7.5tabindex屬性
1.8HTML5其他功能
1.9jQueryMobile與HTML5
1.10案例實戰
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案例實戰
2.8.1設計新聞內頁
2.8.2設計網頁日曆
第3章構建HTML5文檔結構
3.1創建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聯繫信息
3.3案例實戰:設計部落格首頁
3.4案例實戰:設計個人主頁
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案例實戰
4.6.1設計移動調查表
4.6.2設計PC調查表
4.6.3設計在位編輯
第5章HTML5多媒體套用
5.1網頁多媒體發展歷史
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案例實戰
5.7.1手工控制視頻播放
5.7.2根據視頻畫面控制進度
第6章客戶端數據存儲
6.1認識WebStorage
6.2瀏覽器支持
6.3使用WebStorage
6.3.1存取數據.
6.3.2WebStorage屬性和方法
6.3.3WebStorage事件
6.3.4案例:設定網頁背景色
6.3.5案例:存取localStorage數據
6.3.6案例:設計網頁計數器
6.4使用WebSQL
6.4.1使用WebSQL
6.4.2案例:創建本地資料庫
6.4.3案例:批量存儲本地數據
6.5案例實戰
6.5.1設計Web留言本1
6.5.2設計客戶聯繫表
6.5.3使用WebSQL設計留言本
6.6綜合案例:設計購物網站
6.6.1設計思路
6.6.2設計登錄頁
6.6.3設計商品選購頁面
第7章CSS樣式基礎
7.3認識CSS
7.1.1CSS發展歷史
7.1.2CSS優勢
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案例實戰
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案例實戰
8.2.1定義文本陰影
8.2.2設計文本陰影特效
8.2.3定義溢出文本
8.2.4文本換行.
8.2.5添加動態內容
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案例實戰
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靜態定位
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設定列數
11.1.3設定列間距
11.1.4設定列框線樣式
11.1.5設定跨列顯示
11.1.6設定列高度
11.2彈性盒布局
11.2.1定義Flexbox
11.2.2定義伸縮方向
11.2.3定義行數
11.2.4定義對齊方式
11.2.5定義伸縮項目
11.3比較三種布局方式
11.4案例實戰
11.4.1設計可伸縮模板
11.4.2設計多列網頁
11.4.3設計HTML5模板
第12章jQueryMobile入門
12.1認識JavaScript和jQuery
12.1.1使用JavaScript
12.1.2JavaScript對象和函式
12.1.3JavaScript事件
12.1.4使用jQuery
12.1.5jQuery框架
12.1.6jQuery選擇器
12.2認識jQueryMobile
12.2.1jQueryMobile的兼容性
12.2.2jQueryMobile的優勢
12.2.3移動設備模擬器
12.3使用jQueryMobile
12.3.1下載檔案
12.3.2初始化頁面
12.4案例:設計第一個移動頁面
第13章設計jQueryMobile頁面和
彈出框
13.1創建頁面
13.1.1定義單頁
13.1.2定義多頁
13.1.3定義外部連結
13.1.4定義模態頁
13.1.5定義關閉模態框
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案例實戰
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案例實戰
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定義內聯按鈕
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案例實戰
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案例實戰
16.3.1定義多頁面主題
16.3.2動態設定頁面主題
16.3.3設計計算器
第17章jQueryMobile配置和事件
17.1配置
17.1.1jQueryMobile配置項
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案例實戰
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定義模態框
18.4.10定義滾動監聽
18.5案例實戰
18.5.1設計Tabs組件
18.5.2設計企業首頁
第19章案例開發:微信wap網站
19.1設計思路
19.1.1內容
19.1.2結構
19.1.3效果
19.2設計首頁
19.3設計登錄頁
19.4選擇城市
19.5選擇酒店
19.6預定酒店
第20章實戰開發:記事本套用項目
20.1項目分析
20.2框架設計
20.3技術準備
20.3.1兼容性檢查
20.3.2讀寫數據
20.3.3使用WebStorage
20.3.4WebStorage事件監測
20.4製作主頁面
20.5製作列表頁
20.6製作詳細頁
20.7製作修改頁
20.8製作添加頁
第21章實戰開發:互動社區wap項目
21.1項目分析
21.2主頁設計
21.3登錄頁設計
21.4註冊頁設計
21.5發布頁設計
21.6後台開發
21.6.1設計資料庫
21.6.2連線資料庫
21.6.3首頁功能實現
21.6.4註冊頁功能實現
21.6.5發布頁功能實現
21.6.6回復功能實現