|
|
|
以HTML為主軸，搭配CSS、jQuery制作網頁，再加上jQuery Mobile制作移動網頁，通過具體的范例從基礎到高級，循序漸進地講解。
全書共分4部分，首先介紹HTML5網頁開發和CSS網頁美化，只要按本書的順序學習，就能夠輕松掌握網頁制作的方法；然后介紹目前熱門的移動設備網頁技術，讀者無須學習復雜的程序，就能夠輕松創建移動設備的網頁；最后通過3個移動設備網頁制作實例讓讀者進行實戰練習，即學即用，以便於加深理解，鞏固所學知識。
網頁制作初學者的入門書，同時也適合作為計算機及相關專業的教材和上機指導用書。
陳婉凌,網頁技術的資深軟件工程師，並擁有多年講授計算機課程的豐富經驗，擅長編寫HTML、CSS、JavaScript、jQuery、PHP方面的書籍，在出版的書籍中入自身多年教學經驗與職場實戰經驗，內容充實，難易度適中,適合大眾讀者。
第1篇 HTML5網頁開發
第1章HTML5基礎入門2
1.1認識HTML52
1.1.1HTML5與HTML4的差異2
1.1.2HTML5廢除的標記3
1.2學習HTML前的准備工作4
1.2.1創建HTML文件4
1.2.2預覽HTML網頁6
1.3HTML語法的概念與架構7
1.3.1HTML的標記類型7
1.3.2HTML的組成7
1.3.3標記屬性的應用8
1.4HTML5文件結構與語義標記8
1.4.1結構化的語義標記8
1.4.2HTML5聲明與編碼設置12
第2章文字變化與排版技巧14
2.1段落效果——使用排版標記14
2.1.1設置段落樣式的標記14
2.1.2設置對齊與縮進的標記16
2.1.3添加分隔線18
2.1.4設置段落標題19
2.2文字效果——使用文字標記20
2.2.1設置字形樣式的標記20
2.2.2設置上標、下標22
2.3項目符號與編號——使用列表標記22
2.3.1符號列表22
2.3.2編號列表24
2.3.3定義列表26
2.4注釋與特殊符號27
2.4.1添加注釋27
2.4.2使用特殊符號29
2.5創建超鏈接30
2.5.1什麼是超鏈接30
2.5.2超鏈接的用法30
2.5.3站外網頁鏈接32
2.5.4站內網頁鏈接33
2.5.5鏈接到E—Mail郵箱35
2.5.6鏈接到文件38
第3章HTML5表格與表單40
3.1制作基本表格40
3.1.1表格的基本架構40
3.1.2設置表格標題42
3.2表格的編輯技巧44
3.2.1合並單元格44
3.2.2利用表格組合圖片46
3.3什麼是表單48
表單能做什麼49
3.4創建表單50
3.4.1表單的基本架構51
3.4.2輸入組件53
3.4.3列表組件58
3.4.4選擇組件60
3.4.5按鈕組件61
3.4.6表單分組63
3.5操作范例——教學意見調查表63
第4章HTML5多媒體素材的應用66
4.1網頁圖片使用須知66
4.1.1圖片的尺寸與分辨率66
4.1.2圖片的來源67
4.2圖片的使用67
4.2.1嵌入圖片67
4.2.2路徑表示法68
4.3添加影音特效70
4.3.1在網頁中加入音樂70
4.3.2添加影音動畫72
4.3.3添加Flash動畫73
4.3.4傳統影音播放器74
4.3.5使用iframe嵌入優酷視頻74
第5章網頁存儲Web Storage78
5.1認識Web Storage78
5.1.1Web Storage的概念78
5.1.2檢測瀏覽器是否支持Web Storage78
5.2local Storage和session Storage79
5.2.1訪問local Storage79
5.2.2刪除local Storage82
5.2.3訪問session Storage84
5.3Web Storage實例練習85
5.3.1登錄／注銷和計數器85
5.3.2購物車90
第2篇 CSS網頁美化
第6章認識CSS樣式表102
6.1什麼是CSS樣式表102
6.1.1CSS的由來102
6.1.2CSS的優勢103
6.1.3CSS的應用104
6.2創建CSS樣式表105
6.2.1CSS基本格式105
6.2.2應用CSS樣式表107
6.2.3認識CSS選擇器112
第7章CSS基本語法118
7.1控制文字樣式118
7.1.1字體屬性118
7.1.2段落屬性121
7.1.3文字效果屬性125
7.2控制背景128
7.2.1設置背景顏色128
7.2.2設置背景圖片130
7.2.3設置背景漸變138
第8章CSS樣式與排版142
8.1控制邊界與邊框142
8.1.1邊界142
8.1.2邊框144
8.1.3邊界間距151
8.2網頁組件的定位153
8.2.1一般定位154
8.2.2圖層定位160
8.3超鏈接與鼠標光標特效162
8.3.1超鏈接特效162
8.3.2鼠標光標特效165
第9章HTML5+CSS3綜合應用168
9.1操作網頁內容168
9.2使用語義標記排版170
9.3疊字標題175
9.4網頁背景和鼠標光標176
9.5菜單超鏈接特效177
9.6主內容區樣式178
第3篇 jQuery與jQuery Mobile
第10章認識jQuery與jQuery Mobile184
10.1認識Java Script184
10.1.1Java Script架構184
10.1.2Java Script對象與函數187
10.1.3Java Script事件189
10.2認識jQuery191
10.2.1引用jQuery函數庫191
10.2.2jQuery基本架構193
10.2.3jQuery選擇器193
10.3跨平台移動設備網頁jQuery Mobile196
10.3.1認識jQuery Mobile196
10.3.2第一個jQuery Mobile網頁200
第11章jQuery MobileUI組件206
11.1套用UI組件206
11.1.1認識UI組件206
11.1.2按鈕208
11.1.3組按鈕212
11.1.4列表213
11.2網頁導航與布景主題216
11.2.1jQuery Mobile網頁導航216
11.2.2Theme Roller快速應用布景主題219
第12章jQuery Mobile事件226
12.1頁面事件226
12.1.1初始化事件226
12.1.2外部頁面加載事件230
12.1.3頁面切換事件231
12.2觸摸事件234
12.2.1點擊事件234
12.2.2滑動事件236
12.2.3滾動事件238
12.2.4屏幕方向改變事件240
第13章數據的保存與讀取243
13.1認識Indexed DB243
13.1.1IndexedDB的概念243
13.1.2IndexedDB基本操作244
13.1.3讀取數據253
13.1.4刪除數據254
13.1.5使用指針對象255
13.2認識Web SQL260
13.2.1Web SQL基本操作260
13.2.2創建數據表262
13.2.3新增、修改和刪除數據265
13.3讀取文本文件269
13.3.1選擇文件269
13.3.2讀取文件272
第14章插件的使用275
14.1表格排序插件——tablesorter275
14.1.1下載與套用275
14.1.2高級應用277
14.2日期選擇器——Datepicker280
14.2.1下載與套用280
14.2.2高級應用281
14.3日歷插件——Full Calendar284
14.3.1下載與套用284
14.3.2高級應用285
第4篇 打包與測試
第15章下載與安裝Apache Cordova294
15.1下載與安裝Cordova294
15.1.1安裝必要的工具294
15.1.2通過npm安裝Cordova300
15.1.3設置Android模擬器301
15.2將網頁轉換成Android APP303
第16章百度地圖API和谷歌地圖API307
16.1百度地圖API和谷歌地圖API307
16.1.1簡易的百度地圖和谷歌地圖307
16.1.2地圖控件314
16.2按地址顯示地圖317
16.2.1地址定位317
16.2.2圖標標記321
第17章甜點坊訂購系統實戰325
17.1網站架構325
17.2訂購流程328
17.3查訂單337
17.4找店家340
第18章記事本NoteAPP實戰341
18.1記事本的結構341
18.2新增記事343
18.3刪除記事345
18.4記事列表347
