作 者:王浩,國紅軍,鄧明楊 編
定 價:49.8
出 版 社:人民郵電出版社
出版日期:2020年07月01日
頁 數:242
裝 幀:平裝
ISBN:9787115531629
1. 慕課版教材,各章節都配備了以二維碼為載體的微課。2. 配套資源豐富,包括課件、源代碼、題庫。3. 教材厚度適中,難度較低,案例式教學,適合應用型本科和職業院校。
●章 Web網站初體驗 1
1.1 揭秘Web前端 2
1.1.1 Web是什麼 2
1.1.2 網頁核心技術 3
1.2 走進HTML5 6
1.2.1 素、文件結構概述 6
1.2.2 HTML5的基本標簽 7
1.3 使用WebStorm編寫HTML5代碼 9
1.3.1 下載和安裝 9
1.3.2 創建HTML5工程和文件,運行HTML5程序 11
小結 12
習題 13
第2章 搭建網站雛形 14
2.1 【案例1】制作個H5案例 15
2.1.1 案例描述 15
2.1.2 技術準備 15
2.1.3 案例實現 17
2.1.4 動手試一試 19
2.2 【案例2】多圖展示合作伙伴 19
2.2.1 案例描述 19
2.2.2 技術準備 20
2.2.3 案例實現 22
2.2.4 動手試一試 23
2.3 【案例3】通過外鏈實現友情鏈接 23
2.3.1 案例描述 23
2.3.2 技術準備 23
2.3.3 案例實現 24
2.3.4 動手試一試 26
2.4 【案例4】分組標簽制作聯繫方式 26
2.4.1 案例描述 26
2.4.2 技術準備 27
2.4.3 案例實現 28
2.4.4 動手試一試 29
小結 29
習題 29
第3章 用CSS3裝飾網站 30
3.1 【案例1】圖文混排展示新書速遞 31
3.1.1 案例描述 31
3.1.2 技術準備 31
3.1.3 案例實現 32
3.1.4 動手試一試 34
3.2 【案例2】時間軸方式的直播預告 35
3.2.1 案例描述 35
3.2.2 技術準備 35
3.2.3 案例實現 39
3.2.4 動手試一試 41
3.3 【案例3】美化學習興趣分類頁面 41
3.3.1 案例描述 41
3.3.2 技術準備 42
3.3.3 案例實現 44
3.3.4 動手試一試 47
3.4 【案例4】打造多彩網站主題背景 47
3.4.1 案例描述 47
3.4.2 技術準備 48
3.4.3 案例實現 49
3.4.4 動手試一試 50
小結 51
習題 51
第4章 HTML5多媒體實現網站“家庭影院” 52
4.1 【案例1】網頁中的H5視頻播放器 53
4.1.1 案例描述 53
4.1.2 技術準備 53
4.1.3 案例實現 54
4.1.4 動手試一試 55
4.2 【案例2】動態文字彈幕 56
4.2.1 案例描述 56
4.2.2 技術準備 56
4.2.3 案例實現 57
4.2.4 動手試一試 58
4.3 【案例3】神奇的在線聽書功能 59
4.3.1 案例描述 59
4.3.2 技術準備 59
4.3.3 案例實現 60
4.3.4 動手試一試 61
4.4 【案例4】定制專屬視頻播放器 62
4.4.1 案例描述 62
4.4.2 技術準備 62
4.4.3 案例實現 63
4.4.4 動手試一試 66
小結 66
習題 66
第5章 通過HTML5表單與用戶交互 67
5.1 【案例1】表單實現用戶注冊頁面 68
5.1.1 案例描述 68
5.1.2 技術準備 68
5.1.3 案例實現 70
5.1.4 動手試一試 74
5.2 【案例2】申請個人講師 74
5.2.1 案例描述 74
5.2.2 技術準備 75
5.2.3 案例實現 76
5.2.4 動手試一試 78
5.3 【案例3】好友留言 79
5.3.1 案例描述 79
5.3.2 技術準備 79
5.3.3 案例實現 80
5.3.4 動手試一試 82
5.4 【案例4】帶附件的用戶反饋 83
5.4.1 案例描述 83
5.4.2 技術準備 83
5.4.3 案例實現 85
5.4 4 動手試一試 87
小結 87
習題 87
第6章 列表與表格—讓網站更規整 88
6.1 【案例1】圖文結合顯示課程列表 89
6.1.1 案例描述 89
6.1.2 技術準備 89
6.1.3 案例實現 90
6.1.4 動手試一試 92
6.2 【案例2】制作導航菜單特效 93
6.2.1 案例描述 93
6.2.2 技術準備 93
6.2.3 案例實現 94
6.2.4 動手試一試 95
6.3 【案例3】有序列表讓招聘信息更清晰 96
6.3.1 案例描述 96
6.3.2 技術準備 96
6.3.3 案例實現 97
6.3.4 動手試一試 100
6.4 【案例4】表格設計訂單頁面 100
6.4.1 案例描述 100
6.4.2 技術準備 100
6.4.3 案例實現 102
6.4.4 動手試一試 105
小結 106
習題 106
第7章 CSS3布局與動畫 107
7.1 【案例1】布局積分兌獎頁面 108
7.1.1 案例描述 108
7.1.2 技術準備 108
7.1.3 案例實現 110
7.1.4 動手試一試 112
7.2 【案例2】鼠標指針經過時的圖片特效 113
7.2.1 案例描述 113
7.2.2 技術準備 113
7.2.3 案例實現 115
7.2.4 動手試一試 119
7.3 【案例3】為導航菜單添加動畫特效 119
7.3.1 案例描述 119
7.3.2 技術準備 120
7.3.3 案例實現 122
7.3.4 動手試一試 124
7.4 【案例4】CSS3實現網頁輪播圖 124
7.4.1 案例描述 124
7.4.2 技術準備 124
7.4.3 案例實現 127
7.4.4 動手試一試 128
小結 128
習題 128
第8章 編程應用 129
8.1 【案例1】實現將課程分類 130
8.1.1 案例描述 130
8.1.2 技術準備 130
8.1.3 案例實現 133
8.1.4 動手試一試 136
8.2 【案例2】個性化的智能搜索 136
8.2.1 案例描述 136
8.2.2 技術準備 136
8.2.3 案例實現 138
8.2.4 動手試一試 140
8.3 【案例3】使用jQuery實現輪播圖廣告 141
8.3.1 案例描述 141
8.3.2 技術準備 141
8.3.3 案例實現 143
8.3.4 動手試一試 144
8.4 【案例4】讓用戶為你建言獻策 144
8.4.1 案例描述 144
8.4.2 技術準備 145
8.4.3 案例實現 147
8.4.4 動手試一試 150
小結 150
習題 150
第9章 事件處理 151
9.1 【案例1】實現抽獎頁面 152
9.1.1 案例描述 152
9.1.2 技術準備 152
9.1.3 案例實現 153
9.1.4 動手試一試 155
9.2 【案例2】限時大搶購 156
9.2.1 案例描述 156
9.2.2 技術準備 156
9.2.3 案例實現 157
9.2.4 動手試一試 160
9.3 【案例3】網頁刮刮卡 160
9.3.1 案例描述 160
9.3.2 技術準備 161
9.3.3 案例實現 161
9.3.4 動手試一試 1
9.4 【案例4】模擬12306圖片驗證碼 1
9.4.1 案例描述 1
9.4.2 技術準備 165
9.4.3 案例實現 166
9.4.4 動手試一試 169
小結 170
習題 170
0章 手機響應式開發(上) 171
10.1 【案例1】手機端展示圖文列表 172
10.1.1 案例描述 172
10.1.2 技術準備 172
10.1.3 案例實現 173
10.1.4 動手試一試 177
10.2 【案例2】手機端的用戶登錄 177
10.2.1 案例描述 177
10.2.2 技術準備 178
10.2.3 案例實現 179
10.2.4 動手試一試 181
10.3 【案例3】手機端聊天界面 182
10.3.1 案例描述 182
10.3.2 技術準備 182
10.3.3 案例實現 184
10.3.4 動手試一試 189
10.4 【案例4】在手機端播放視頻 190
10.4.1 案例描述 190
10.4.2 技術準備 190
10.4.3 案例實現 191
10.4.4 動手試一試 192
小結 192
習題 192
1章 手機響應式開發(下) 193
11.1 【案例1】添加響應式圖片 194
11.1.1 案例描述 194
11.1.2 技術準備 194
11.1.3 案例實現 195
11.1.4 動手試一試 196
11.2 【案例2】使用第三方插件升級視頻功能 196
11.2.1 案例描述 196
11.2.2 技術準備 197
11.2.3 案例實現 197
11.2.4 動手試一試 199
11.3 【案例3】響應式導航菜單 200
11.3.1 案例描述 200
11.3.2 技術準備 200
11.3.3 案例實現 200
11.3.4 動手試一試 203
11.4 【案例4】表格“變形記” 204
11.4.1 案例描述 204
11.4.2 技術準備 204
11.4.3 案例實現 204
11.4.4 動手試一試 206
小結 206
習題 207
2章 綜合案例—在線教育平臺 208
12.1 案例分析 209
12.1.1 案例概述 209
12.1.2 繫統功能結構 209
12.1.3 文件夾組織結構 209
12.2 技術準備 210
12.2.1 實現過程分析 210
12.2.2 Amaze UI的使用 213
12.2.3 登錄頁面實現技巧 215
12.3 主頁設計與實現 215
12.3.1 主頁概述 215
12.3.2 主頁設計 216
12.3.3 代碼實現 216
12.4 登錄頁設計與實現 223
12.4.1 登錄頁概述 223
12.4.2 登錄頁設計 223
12.4.3 代碼實現 224
12.5 課程列表頁設計與實現 227
12.5.1 課程列表頁概述 227
12.5.2 課程列表頁設計 228
12.5.3 代碼實現 229
12.6 課程詳情頁設計與實現 234
12.6.1 課程詳情頁概述 234
12.6.2 課程詳情頁設計 235
12.6.3 代碼實現 235
小結 242
本書作為HTML5程序設計的教程,繫統全面地介紹了利用HTML5進行網站前端開發所涉及的常用知識。全書共分為12章,內容包括Web網站初體驗、搭建網站雛形、用CSS3裝飾網站、HTML5多媒體實現網站"家庭影院"、通過HTML5表單與用戶交互、列表與表格——讓網站更規整、CSS3布局與動畫、編程應用、事件處理、手機響應式開發(上)、手機響應式開發(下)、綜合案例——在線教育平臺。全書以案例引導,每個案例都有相關知識點的講解,有助於讀者在理解知識的基礎上,更好地運用知識,達到學以致用的目的。
本書是慕課版教材,各章節配備了視頻的二維碼,並且在人郵學院平臺上提供了課程視頻。此外,本書還提供所有案例、動手試一試、綜合案例和課程設計的源代碼、制作精良的PPT電子課件及自測題庫等內容。其中,源代碼全部經過測試,能夠在谷歌瀏覽器上運行。
等