* “基礎知識+實戰案例+教學視頻”的學習模式，精講HTML5、CSS3和jQuery Mobile的知識與應用；
* 專注APP和移動網站設計，從基礎入手，詳解核心技術，並逐步進階到綜合應用；
* 提供640分鐘教學視頻和所有實例配套HTML文件和CSS文件，提高讀者學習效率。


* 140個實戰操作案例
* 230個提示與技巧
* 640分鐘多媒體教學視頻

本書全面、繫統地講解了HTML5、CSS3和jQuery Mobile相關知識，並涵蓋從Web界面設計到移動應用開發的各種技術和知識點，內容由淺入深，講解通俗易懂，並在知識點介紹過程中配合大量案例進行講解，以幫助讀者提高實戰技能。
本書共19章，分為3個部分。第一部分是第1～7章，介紹了HTML5各方面的知識點，重點介紹了文本、圖像、can素、音頻、視頻和新型表單等內容；第二部分是第8～14章，主要介紹了CSS3樣式各屬性的設置和使用方法，重點介紹了CSS3中新增的彈性盒模型、多列布局、動畫效果和漸變填充等內容；第三部分是第15～19章，主要介紹了jQuery Mobile的相關知識，重點介紹了jQuery Mobile的頁面、主題、組件、事件和插件等內容，並通過實際案例講解了綜合運用HTML5、CSS3和jQuery Mobile開發移動應用的方法和技巧。
本書配套下載資源中提供了所有實例的源文件和素材，以及相關的教學視頻，適合Web設計與開發的初學者和愛好者自學使用，也適合有一定Web前端開發基礎的網頁開發人員閱讀，同時還可作為計算機培訓班和各院校相關專業的教輔用書。

目錄
第 1章從HTML到HTML515
1．1HTML基礎15
1．1．1HTML概述15
1．1．2HTML特性16
1．1．3HTML文檔結構16
1．1．4HTML的基本語法17
1．1．5HTML編寫注意事項17
1．2HTML5基礎18
1．2．1HTML5概述18
1．2．2 HTML5文檔結構18
1．2．3 HTML5的優勢19
1．2．4HTML5精簡的頭部20
1．3HTML文件的編寫方式20
1．3．1使用記事本編寫20
實戰使用記事本制作HTML頁面20
1．3．2使用Dreamweaver編寫22
實戰使用Dreamweaver制作HTML頁面23
1．4HTML5中的標簽25
1．5關於移動Web應用28
1．5．1移動Web應用的發展28
1．5．2基於Web的應用開發28
1．5．3基於HTML5的移動應用29
1．5．4移動應用開發框架29
1．6本章小結30
第 2章HTML5文字與段落標簽31
2．1設置文字效果31
2．1．1文字樣式標簽31
實戰使用標簽設置網頁文字效果33
2．1．2文字加粗和標簽34
2．1．3文字傾斜和標簽34
2．1．4文字下劃線#標簽34
實戰為文字添加加粗、傾斜和下劃線修飾35
2．1．5其他文字修飾標簽36
實戰為文字添加上標和刪除線36
2．2設置段落效果37
2．2．1文本分段

標簽37
2．2．2文本分行
標簽37
實戰為網頁中的文本進行分段和分行處理38
2．2．3標簽

至標簽39
實戰設置網頁文本標題39
2．2．4水平線標簽40
實戰在網頁中插入水平線40
2．2．5文本對齊設置41
實戰設置網頁文本的對齊41
2．3創建列表42
2．3．1使用標簽創建項目列表42
實戰制作新聞列表43
2．3．2使用標簽創建編號列表43
實戰制作編號有序列表44
2．3．3使用標簽創建定義列表44
實戰制作復雜的新聞列表45
2．4本章小結46
第3章HTML5文檔結構標簽47
3．1認識HTML5文檔結構47
3．2HTML5頁面主體內容標簽49
3．2．1標識文章標簽49
3．2．2標識章節標簽51
3．2．3標識導航標簽53
3．2．4標識輔助內容標簽54
3．2．5標識文章發布日期標簽55
3．3頁面語義模塊標簽55
3．3．1頁眉標簽55
3．3．2標題分組標簽56
3．3．3頁腳標簽57
3．3．4聯繫信息標簽58
3．4制作文章頁面58
實戰制作設計網站首頁面59
3．5本章小結64
第4章HTML5圖像與超鏈接標簽65
4．1了解網頁中的圖像格式65
4．1．1網頁常用圖像格式65
4．1．2選擇合適的圖像格式66
4．2插入圖像並設置圖像屬性67
4．2．1圖像標簽67
實戰在網頁中插入圖像67
4．2．2圖像屬性設置68
實戰制作圖文混排頁面69
4．3創建超鏈接70
4．3．1使用標簽創建超鏈接70
4．3．2超鏈接打開方式target屬性70
4．3．3相對鏈接和絕對鏈接70
實戰為文字和圖像設置超鏈接71
4．4創建特殊鏈接72
4．4．1空鏈接72
4．4．2文件下載鏈接72
4．4．3錨點鏈接72
4．4．4腳本鏈接73
4．4．5E-mail鏈接73
實戰在網頁中創建特殊超鏈接73
4．5本章小結75
第5章使用HTML5中素76
5．1關於表單76
5．1．1表單域標簽76
5．1．2標簽屬性設置77
5．2傳素78
5．2．1文本域78
5．2．2密碼域79
5．2．3文本區域79
5．2．4隱藏域79
5．2．5復選框79
5．2．6單選按鈕80
5．2．7選擇域80
5．2．8文件域80
5．2．9按鈕80
5．2．10圖像域81
實戰制作網站登錄表單81
5．3關於HTML5新素84
5．3．1HTML5表單的優勢85
5．3．2瀏覽器對HTML5表單的支持情況85
5．3．3新增表單輸入類型85
實戰制作留言表單頁面88
5．3．4新增其素90
5．4HTML5新增表單屬性91
5．4．1form屬性91
5．4．2formaction屬性91
5．4．3formmethod、formenctype、formnovalidate、formtarget屬性91
5．4．4placeholder屬性91
實戰素設置默認提示內容92
5．4．5autofocus屬性93
5．4．6autocomplete屬性93
5．5HTML5提供的表單驗證屬性93
5．5．1required屬性93
5．5．2pattern屬性93
5．5．3min、max和step屬性94
5．5．4novalidate屬性94
實戰驗證網頁中素94
5．6本章小結95
第6章使用HTML素96
6．1HTML5新增can素96
6．1．1了解can素96
6．1．2在網頁中插入can素97
6．1．3如何使用can素實現繪圖97
6．2繪制基本圖形98
6．2．1繪制直線98
實戰在網頁中繪制直線99
6．2．2繪制矩形100
實戰在網頁中繪制矩形101
6．2．3繪制圓形102
實戰在網頁中繪制圓形103
6．2．4繪制三角形104
實戰在網頁中繪制三角形104
6．2．5繪制曲線105
實戰在網頁中繪制曲線107
6．2．6清除圖形108
實戰清除使用can素所繪制的部分圖形108
6．3繪制文本109
6．3．1使用文本109
6．3．2獲取文字寬度110
實戰在網頁中繪制文字並獲取文字寬度110
6．4圖形的組合與裁切112
6．4．1圖形組合112
6．4．2使用圖像113
實戰使用can素在網頁中繪制圖像114
6．4．3使用圖像模式115
實戰設置圖像平鋪效果115
6．4．4裁切路徑116
實戰在網頁中實現圓形裁切圖像效果117
6．5圖形顏色與樣式設置118
6．5．1繪制線性漸變118
實戰在網頁中繪制矩形並填充線性漸變119
6．5．2繪制徑向漸變120
實戰在網頁中繪制圓形並填充徑向漸變120
6．5．3創建對像陰影121
實戰為圖形和文字添加陰影效果122
6．6本章小結123
第7章HTML5音頻與視頻標簽124
7．1HTML5多媒體基礎124
7．1．1在線多媒體的發展124
7．1．2HTML5音頻和視頻優勢125
7．1．3HTML5音頻和視頻的不足125
7．1．4檢查瀏覽器是否支持HTML5音頻和視頻126
7．2使用HTML5音頻126
7．2．1標簽所支持的音頻格式126
7．2．2使用標簽126
實戰在網頁中嵌入音頻播放127
7．3使用HTML5視頻127
7．3．1標簽所支持的視頻格式128
7．3．2使用標簽128
實戰在網頁中嵌入視頻播放128
7．3．3使用標簽129
7．4與標簽的屬性130
7．4．1標簽屬性130
7．4素的接口屬性131
實戰實現網頁中視頻的快進133
7．5與標簽的方法和事件134
7．5．1接口方法134
實戰控制視頻的播放與暫停134
7．5．2接口事件135
7．5．3接口事件的使用方法137
7．5．4自定義視頻播放控制組件137
實戰自定義視頻播放控制組件137
7．6本章小結141
第8章CSS樣式的發展與選擇器142
8．1CSS樣式的發展142
8．1．1使用CSS樣式的優勢142
8．1．2CSS1與CSS2概述143
8．1．3全新的CSS3143
8．1．4瀏覽器對CSS3的支持情況143
8．2CSS樣式語法144
8．2．1CSS樣式基本語法144
8．2．2CSS樣式規則構成145
8．2．3應用CSS樣式的4種方式145
實戰創建並鏈接外部CSS樣式表文件147
8．3CSS選擇器149
8．3．1通配選擇器149
8．3．2標簽選擇器150
實戰創建通配選擇器和標簽選擇器150
8．3．3ID選擇器151
8．3．4類選擇器152
實戰創建ID選擇器和類選擇器152
8．3．5偽類和偽對像選擇器154
實戰創建超鏈接偽類選擇器155
8．3．6群組選擇器156
8．3．7派生選擇器156
實戰創建派生選擇器157
8．4CSS3新增選擇器158
8．4．1屬性選擇器158
實戰在網頁中使用屬性選擇器159
8．4．2結構偽類選擇器160
8．4．3素狀態偽類選擇器160
8．4．素選擇器161
實戰在網頁中素選擇器161
8．5本章小結162
第9章設置文字與段落樣式163
9．1文字樣式163
9．1．1字體—font-family屬性163
9．1．2字體大小—font-size屬性164
9．1．3字體顏色—color屬性164
實戰設置網頁文字基本效果164
9．1．4字體粗細—font-weight屬性166
9．1．5字體樣式—font-style屬性166
實戰設置網頁文字的加粗和傾斜效果166
9．1．6英文字體大小寫—text-transform屬性167
實戰設置網頁中英文字體大小寫168
9．1．7文字修飾效果—text-decoration屬性169
實戰為網頁文字添加修飾169
9．1．8字符間距—letter-spacing屬性170
實戰設置中文字符間距170
9．2CSS3新增文本樣式屬性171
9．2．1文本溢出處理—text-overflow屬性171
實戰控制文本溢出效果171
9．2．2文本換行—word-wrap和word-break屬性172
實戰控制英文內容強制換行173
9．2．3文字陰影—text-shadow屬性174
實戰為網頁文字添加陰影效果174
9．2．4服務器端字體—@font-face規則175
實戰在網頁中實現特殊字體效果175
9．3段落樣式177
9．3．1行間距—line-height屬性177
9．3．2段落首行縮進—text-indent屬性177
實戰美化網頁中的段落文字177
9．3．3水平對齊方式—text-align屬性178
實戰設置文本水平對齊179
9．3．4垂直對齊方式—vertical-align屬性179
實戰設置文本垂直對齊180
9．4列表樣式181
9．4．1列表符號—list-style-type屬性181
實戰設置新聞列表效果182
9．4．2自定義列表符號—list-style-image屬性183
實戰自定義新聞列表符號183
9．4．3定義列表樣式184
實戰設置復雜新聞列表效果184
9．5本章小結185
第 10章設置背景樣式186
10．1背景顏色—background-color屬性186
實戰素設置背景顏色187
10．2CSS3新增顏色設置187
10．2．1RGBA顏色值187
實戰使用RGBA方式設置背景顏色188
10．2．2HSL顏色值188
10．2．3HSLA顏色值189
實戰使用HSLA方式設置背景顏色189
10．2素不透明度—opacity
屬性190
實戰實素的半透明效果190
10．2．5transparent顏色值191
10．3CSS3新增漸變背景191
10．3．1線性漸變背景191
實戰為網頁設置線性漸變背景顏色192
10．3．2徑向漸變背景194
實戰為網頁設置徑向漸變背景顏色195
10．4背景圖像樣式195
10．4．1背景圖像—background-image屬性196
10．4．2背景圖像平鋪方式—background-repeat屬性196
實戰為網頁設置背景圖像196
10．4．3背景圖像位置—background-
position屬性198
實戰定位網頁中的背景圖像199
10．4．4背景圖像固定—background-attachment屬性200
實戰固定網頁中的背景圖像200
10．5CSS3新增背景屬性201
10．5．1多背景圖像—background屬性201
實戰為網頁設置多個背景圖像201
10．5．2背景圖像大小—background-size屬性202
實戰控制背景圖像的大小202
10．5．3背景圖像原點—background-origin屬性204
實戰控制背景圖像開始顯示的原點位置204
10．5．4背景圖像顯示區域—background-clip屬性205
實戰控制背景圖像的顯示區域205
10．6本章小結206
第 11章設置超鏈接和邊框樣式207
11．1超鏈接樣式偽類207
11．1．1：link偽類207
11．1．2：hover偽類 208
11．1．3：active偽類208
11．1．4：visited偽類209
實戰設置網頁中超鏈接文字效果209
11．1．5按鈕式超鏈接212
實戰制作網站導航菜單212
11．2鼠標指針樣式213
11．2．1鼠標指針效果—cursor屬性214
11．2．2設置網頁中鼠標效果214
實戰在網頁中實現多種鼠標指針效果214
11．3邊框樣式215
11．3．1邊框寬度—border-width屬性215
11．3．2邊框樣式—border-style屬性216
11．3．3邊框顏色—border-color屬性216
實戰素添加邊框效果216
11．4CSS3新增邊框屬性218
11．4．1多邊框顏色—border-color屬性218
實戰實素多色彩邊框效果218
11．4．2圖像邊框—border-image屬性219
實戰素添加圖像邊框效果219
11．4．3圓角邊框—border-radius屬性220
實戰在網頁中實現圓角邊框效果220
11．5本章小結221
第 12章素的定位與布局屬性222
12素定位樣式222
12．1．1position屬性222
12．1．2相對定位223
實戰實素的疊加顯示223
12．1．3絕對定位224
實戰素固定在右側顯示224
12．1．4固定定位225
實戰實素顯示在固定的位置225
12．1．5浮動定位—float屬性226
實戰制作順序排列的圖像列表227
12．2CSS3新增界面設計屬性229
12．2．1素尺寸—resize屬性229
實戰實素尺寸可任意縮放229
12．2．2輪廓外邊框—outline屬性230
實戰素添加輪廓外邊框231
12．2．3素—appearance屬性232
實戰將超鏈接文字偽裝成按鈕233
12．2．4賦予內容—content屬性233
實戰素賦予內容234
12．3CSS3新增多列布局屬性235
12．3．1多列布局—columns屬性235
實戰快速將網頁內容分為多列235
12．3．2列寬度—column-width屬性236
12．3．3列數—column-count屬性236
12．3．4列間距—column-gap屬性236
12．3．5列分欄線—column-rule屬性237
12．3．6橫跨所有列—column-span屬性237
實戰實現網頁內容的分欄顯示效果237
12．4本章小結239
第 13章CSS3盒模型240
13．1傳統CSS盒模型240
13．1．1什麼是CSS盒模型240
13．1．2CSS盒模型要點241
13．1．3邊距—margin屬性241
13．1．4邊框—border屬性242
13．1．5填充—padding屬性242
實戰設素盒模型242
13．2CSS3彈性盒模型244
13．2．1開啟彈性盒模型245
13．2．2布局方向—box-orient屬性246
13．2．3布局順序—box-direction屬性247
13．2素位置—box-ordinal-group屬性248
13．2．5空間分配—box-flex屬性250
13．2．6對齊方式—box-pack和box-align屬性251
13．2．7實素水平和垂直居中對齊251
實戰實素水平和垂直居中對齊251
13．2．8實素底部對齊253
實戰實素底部對齊253
13．3增強的CSS3盒模型254
13．3素陰影—box-shadow屬性254
實戰素添加陰影效果254
13．3素尺寸大小—box-sizing屬性255
13．3素溢出處理—overflow-x和overflow-y屬性256
實戰設置內容溢出處理方式256
13．4本章小結257
第 14章CSS3動畫效果258
14．1CSS3變換效果258
14．1．1transform屬性258
14．1．2旋轉259
實戰實素的旋轉259
14．1．3縮放260
實戰實素的縮放和翻轉260
14．1．4移動261
實戰實素的移動262
14．1．5傾斜263
實戰實素的傾斜效果263
14．1．6矩陣變形264
14．1．7定義變形中心點264
實戰設素的變形中心點265
14．1．8同時使用多個變形函數266
實戰素同時應用多個變形效果266
14．2CSS3變換過渡效果267
14．2．1transition屬性267
14．2．2過渡效果—transition-property屬性268
14．2．3過渡時間—transition-duration屬性268
14．2．4過渡延遲時間—transition-delay屬性268
14．2．5過渡方式—transition-timing-function屬性268
實戰設素的變換過渡動畫效果269
14．2．6制作網頁圖片交互特效271
實戰制作網頁圖片交互特效271
14．3CSS3動畫效果273
14．3．1關鍵幀動畫—@keyframes規則274
14．3．2animation屬性素動畫效果274
實戰制作圖片移動並旋轉的關鍵幀動畫276
14．4本章小結277
第 15章jQuery和jQuery Mobile基礎278
15．1了解jQuery278
15．1．1jQuery概述278
15．1．2引用jQuery函數庫的兩種方法279
15．1．3jQuery基本語法280
15．1．4認識jQuery選擇器280
15．1．5使用jQuery設置CSS樣式屬性281
實戰使用jQuery改變列表第 一行效果281
15．2了解jQuery Mobile282
15．2．1jQuery Mobile概述282
15．2．2jQuery Mobile功能特點283
15．2．3jQuery Mobile的工作原理283
15．3jQuery Mobile操作流程284
15．3．1下載移動設備模擬器284
15．3．2加載jQuery Mobile函數庫285
15．3．3創建jQuery Mobile頁面286
實戰制作第 一個jQuery Mobile頁面286
15．3．4jQuery Mobile頁面的基本架構288
15．4本章小結289
第 16章認識並創建jQuery Mobile頁面290
16．1認識jQuery Mobile頁面290
16．1．1多容器jQuery Mobile頁面290
16．1．2jQuery Mobile頁面鏈接291
實戰創建jQuery Mobile頁面多容器之間鏈接291
16．1．3鏈接外部jQuery Mobile頁面293
實戰鏈接外部jQuery Mobile頁面293
16．1．4實現彈出對話框294
實戰在jQuery Mobile頁面中實現彈出對話框295
16．2jQuery Mobile頁面頭部欄296
16．2．1頭部欄基本結構296
16．2．2在頭部欄中添加後退按鈕296
16．2．3在頭部欄中添加其他功能按鈕298
實戰在頭部欄中添加按鈕實現頁面跳轉298
16．2．4設置按鈕位置300
16．3jQuery Mobile頁面導航欄302
16．3．1導航欄基本結構302
實戰制作jQuery Mobile頁面導航欄302
16．3．2為導航欄添加圖標304
16．3．3設置導航欄圖標位置305
16．4jQuery Mobile頁面尾部欄307
16．4．1在尾部欄添加按鈕307
實戰制作jQuery Mobile頁面尾部欄307
16．4．2添素308
16．4．3固定頁面頭部欄與尾部欄309
實戰固定jQuery Mobile頁面中頭部欄和尾部欄的位置309
16．5jQuery Mobile頁面內容區域310
16．5．1布局網格310
實戰在jQuery Mobile頁面中創建布局網格310
16．5．2可折疊區塊312
實戰在jQuery Mobile頁面中創建可折疊內容313
16．5．3可折疊區塊的嵌套314
16．5．4可折疊區塊組314
16．6預加載和緩存jQuery Mobile頁面316
16．6．1預加載jQuery Mobile頁面316
16．6．2頁面緩存316
16．7本章小結316
第 17章使用jQuery Mobile主題與組件317
17．1了解jQuery Mobile主題317
17．1．1了解主題317
17．1．2默認主題318
實戰為頁面應用默認主題效果318
17．1．3修改默認主題319
17．2自定義jQuery Mobile頁面和工具欄主題320
17．2．1自定義頁面主題320
實戰制作APP歡迎頁面背景320
17．2．2自定義工具欄主題323
實戰設置APP歡迎頁面工具欄323
17．2．3自定義內容主題324
實戰為可折疊區塊應用主題324
17．3按鈕組件325
17．3．1內聯按鈕325
實戰在jQuery Mobile頁面中添加按鈕326
17．3．2按鈕組327
實戰在jQuery Mobile頁面中使用按鈕組327
17．4列表組件328
17．4．1基本列表328
17．4．2有序列表329
17．4．3開啟或禁用列表圖標329
17．4．4對列表項進行分組330
實戰制作餐廳列表頁面330
17．4．5分割列表選項334
17．4．6圖標與計數器336
實戰為列表項添加圖標和計數器336
17．4．7列表項內容格式化處理337
實戰對列表項內容進行格式化處理337
17．5表單組件339
17．5．1文本輸入組件339
實戰制作移動APP登錄界面340
17．5．2滑塊343
17．5．3翻轉切換開關343
17．5．4單選按鈕344
17．5．5復選框345
17．5．6選擇菜單346
17．5．7多項選擇菜單347
17．6本章小結348
第 18章使用jQuery Mobile事件與插件349
18．1設置jQuery Mobile349
18．2使用jQuery Mobileg事件351
18．2．1加載外部頁面事件351
18．2．2頁面切換事件351
實戰實現頁面跳轉的動畫過渡效果352
18．2．3頁面顯示或隱藏事件354
18．2．4觸摸事件354
實戰通過滑動屏幕瀏覽圖片355
18．2．5屏幕滾動事件358
實戰滾動屏幕改變背景顏色358
18．2．6翻轉事件361
實戰判斷移動設備手持方向362
18．2．7隨機顯示頁面背景363
實戰隨機顯示頁面背景363
18．3使用jQuery Mobile插件366
18．3．1mmenu插件366
實戰制作交互式側邊菜單367
18．3．2Mobiscroll插件370
實戰實現滾動選擇日期和時間371
18．3．3Camera插件372
實戰在jQuery Mobile頁面中實現焦點輪換圖效果373
18．3．4Swipebox插件375
實戰實現查看大圖效果375
18．4本章小結377
第 19章移動應用制作實戰378
19．1APP引導頁面378
19．1．1功能分析378
19．1．2制作步驟378
實戰制作APP引導頁面379
19．2移動應用首頁面383
19．2．1功能分析383
19．2．2制作可滑動的頁面背景383
實戰制作可滑動的頁面背景383
19．2．3制作可滑動導航欄386
實戰制作可滑動導航欄386
19．3電商APP界面390
19．3．1功能分析390
19．3．2制作啟動頁面390
實戰制作電商APP啟動頁面391
19．3．3制作電商APP首頁面393
實戰制作電商APP首頁面393
19．4本章小結400