清華社“視頻大講堂大系 網(wǎng)絡(luò)開發(fā)視頻大講堂HTML5 移動(dòng)WEB開發(fā)從入門到精通(微課精編版) 版權(quán)信息
- ISBN:9787302520436
- 條形碼:9787302520436 ; 978-7-302-52043-6
- 裝幀:一般膠版紙
- 冊數(shù):暫無
- 重量:暫無
- 所屬分類:>>
清華社“視頻大講堂大系 網(wǎng)絡(luò)開發(fā)視頻大講堂HTML5 移動(dòng)WEB開發(fā)從入門到精通(微課精編版) 本書特色
《HTML5移動(dòng)Web開發(fā)從入門到精通(微課精編版)》結(jié)合HTML5 和CSS3 技術(shù),為讀者全面深入地講解了針對(duì)各種屏幕大小設(shè)計(jì)和開發(fā)現(xiàn)代網(wǎng)站的技術(shù)。全書共19 章,包括HTML5 基礎(chǔ)、CSS3 基礎(chǔ)、設(shè)計(jì)移動(dòng)頁面結(jié)構(gòu)、設(shè)計(jì)移動(dòng)頁面正文、美化頁面文本、設(shè)計(jì)列表結(jié)構(gòu)、應(yīng)用多媒體、使用CSS3 定義版式、使用媒體查詢、設(shè)計(jì)彈性布局、設(shè)計(jì)響應(yīng)式圖片、設(shè)計(jì)移動(dòng)表單、設(shè)計(jì)響應(yīng)式表格、使用CSS3 修飾背景、使用CSS3 美化界面樣式、CSS3 動(dòng)畫、設(shè)計(jì)響應(yīng)式網(wǎng)站、酒店預(yù)訂微信wap 網(wǎng)站、發(fā)布網(wǎng)頁等內(nèi)容。
清華社“視頻大講堂大系 網(wǎng)絡(luò)開發(fā)視頻大講堂HTML5 移動(dòng)WEB開發(fā)從入門到精通(微課精編版) 內(nèi)容簡介
《HTML5移動(dòng)Web開發(fā)從入門到精通(微課精編版)》結(jié)合HTML5 和CSS3 技術(shù),為讀者全面深入地講解了針對(duì)各種屏幕大小設(shè)計(jì)和開發(fā)現(xiàn)代網(wǎng)站的技術(shù)。全書共19 章,包括HTML5 基礎(chǔ)、CSS3 基礎(chǔ)、設(shè)計(jì)移動(dòng)頁面結(jié)構(gòu)、設(shè)計(jì)移動(dòng)頁面正文、美化頁面文本、設(shè)計(jì)列表結(jié)構(gòu)、應(yīng)用多媒體、使用CSS3 定義版式、使用媒體查詢、設(shè)計(jì)彈性布局、設(shè)計(jì)響應(yīng)式圖片、設(shè)計(jì)移動(dòng)表單、設(shè)計(jì)響應(yīng)式表格、使用CSS3 修飾背景、使用CSS3 美化界面樣式、CSS3 動(dòng)畫、設(shè)計(jì)響應(yīng)式網(wǎng)站、酒店預(yù)訂微信wap 網(wǎng)站、發(fā)布網(wǎng)頁等內(nèi)容。
清華社“視頻大講堂大系 網(wǎng)絡(luò)開發(fā)視頻大講堂HTML5 移動(dòng)WEB開發(fā)從入門到精通(微課精編版) 目錄
目 錄
第1 章 HTML5 基礎(chǔ) 1
視頻講解:27 分鐘
1.1 HTML5概述 2
1.2 HTML5設(shè)計(jì)原則 3
1.2.1 避免不必要的復(fù)雜性 3
1.2.2 支持已有內(nèi)容 4
1.2.3 解決實(shí)際問題 4
1.2.4 用戶怎么使用就怎么設(shè)計(jì)規(guī)范 5
1.2.5 優(yōu)雅地降級(jí) 5
1.2.6 支持的優(yōu)先級(jí) 6
1.3 HTML5語法特性 6
1.3.1 文檔和標(biāo)記 6
1.3.2 寬松的約定 7
1.4 HTML5基本結(jié)構(gòu) 8
1.4.1 新建HTML5文檔 9
1.4.2 網(wǎng)頁頂部和頭部 10
1.4.3 網(wǎng)頁主體 10
1.4.4 認(rèn)識(shí)標(biāo)簽 11
1.4.5 網(wǎng)頁文本內(nèi)容 13
1.4.6 網(wǎng)頁非文本內(nèi)容 13
1.5 案例實(shí)戰(zhàn) 14
1.5.1 編寫**個(gè)HTML5文檔 14
1.5.2 比較HTML4與HTML5文檔結(jié)構(gòu) 15
1.6 在線練習(xí) 16
第2 章 CSS3 基礎(chǔ) 17
視頻講解:1 小時(shí)1 分鐘
2.1 CSS3概述 18
2.2 CSS3基本用法 18
2.2.1 CSS樣式 19
2.2.2 引入CSS樣式 20
2.2.3 CSS樣式表 20
2.2.4 導(dǎo)入外部樣式表 21
2.2.5 CSS格式化 21
2.2.6 CSS屬性 21
2.2.7 CSS屬性值 22
2.3 元素選擇器 23
2.3.1 標(biāo)簽選擇器 23
2.3.2 類選擇器 23
2.3.3 ID選擇器 24
2.3.4 通配選擇器 25
2.4 關(guān)系選擇器 25
2.4.1 包含選擇器 25
2.4.2 子選擇器 26
2.4.3 相鄰選擇器 27
2.4.4 兄弟選擇器 27
2.4.5 分組選擇器 28
2.5 屬性選擇器 28
2.6 偽選擇器 31
2.6.1 結(jié)構(gòu)偽類 32
2.6.2 否定偽類 39
2.6.3 狀態(tài)偽類 39
2.6.4 目標(biāo)偽類 41
2.7 CSS特性 42
2.7.1 CSS繼承性 42
2.7.2 CSS層疊性 43
2.8 在線練習(xí) 44
第3 章 設(shè)計(jì)移動(dòng)頁面結(jié)構(gòu) 45
視頻講解:36 分鐘
3.1 頭部信息 46
3.1.1 定義網(wǎng)頁標(biāo)題 46
3.1.2 定義網(wǎng)頁元信息 47
3.1.3 定義文檔視口 48
3.1.4 移動(dòng)應(yīng)用的head頭信息說明 50
3.2 構(gòu)建基本結(jié)構(gòu) 50
3.2.1 定義文檔結(jié)構(gòu) 50
3.2.2 定義內(nèi)容標(biāo)題 51
3.2.3 使用div元素 53
3.2.4 使用id和class 54
3.2.5 使用title 55
3.2.6 HTML注釋 56
3.3 構(gòu)建語義結(jié)構(gòu) 56
3.3.1 定義頁眉 56
3.3.2 定義導(dǎo)航 57
3.3.3 定義主要區(qū)域 59
3.3.4 定義文章塊 59
3.3.5 定義區(qū)塊 61
3.3.6 定義附欄 63
3.3.7 定義頁腳 65
3.3.8 使用role 66
3.4 案例實(shí)戰(zhàn) 67
3.5 在線練習(xí) 70
第4 章 設(shè)計(jì)移動(dòng)頁面正文 71
視頻講解:1 小時(shí)1 分鐘
4.1 通用文本 72
4.1.1 標(biāo)題文本 72
4.1.2 段落文本 72
4.2 描述文本 73
4.2.1 強(qiáng)調(diào)文本 73
4.2.2 標(biāo)記細(xì)則 73
4.2.3 特殊格式 74
4.2.4 定義上標(biāo)和下標(biāo) 74
4.2.5 定義術(shù)語 76
4.2.6 標(biāo)記代碼 77
4.2.7 預(yù)定義格式 77
4.2.8 定義縮寫詞 79
4.2.9 標(biāo)注編輯或不用文本 79
4.2.10 指明引用或參考 80
4.2.11 引述文本 81
4.2.12 換行顯示 82
4.2.13 修飾文本 83
4.2.14 非文本注解 83
4.3 特殊文本 83
4.3.1 標(biāo)記高亮顯示 83
4.3.2 標(biāo)記進(jìn)度信息 84
4.3.3 標(biāo)記刻度信息 86
4.3.4 標(biāo)記時(shí)間信息 87
4.3.5 標(biāo)記聯(lián)系信息 88
4.3.6 標(biāo)記顯示方向 89
4.3.7 標(biāo)記換行斷點(diǎn) 89
4.3.8 標(biāo)記旁注 90
4.4 HTML5全局屬性 90
4.4.1 可編輯內(nèi)容 90
4.4.2 快捷菜單 91
4.4.3 自定義屬性 92
4.4.4 定義可拖動(dòng)操作 93
4.4.5 拖動(dòng)數(shù)據(jù) 93
4.4.6 隱藏元素 94
4.4.7 語法檢查 94
4.4.8 翻譯內(nèi)容 95
4.5 在線練習(xí) 95
第5 章 美化頁面文本 96
視頻講解:2 小時(shí)6 分鐘
5.1 設(shè)計(jì)字體樣式 97
5.1.1 定義字體類型 97
5.1.2 定義字體大小 97
5.1.3 定義字體顏色 98
5.1.4 定義字體粗細(xì) 98
5.1.5 定義藝術(shù)字體 99
5.1.6 定義修飾線 99
5.1.7 定義字體的變體 101
5.1.8 定義大小字體 101
5.2 設(shè)計(jì)文本樣式 102
5.2.1 定義文本對(duì)齊 102
5.2.2 定義垂直對(duì)齊 103
5.2.3 定義文本間距 104
5.2.4 定義行高 104
5.2.5 定義首行縮進(jìn) 105
5.3 CSS3文本模塊 107
5.3.1 文本溢出 107
5.3.2 文本換行 108
5.3.3 書寫模式 110
5.3.4 initial值 112
5.3.5 inherit值 113
5.3.6 unset值 114
5.3.7 all屬性 115
5.4 色彩模式 115
5.4.1 rgba()函數(shù) 115
5.4.2 hsl()函數(shù) 117
5.4.3 hsla()函數(shù) 119
5.4.4 opacity屬性 121
5.4.5 transparent值 122
5.4.6 currentColor值 123
5.5 文本陰影 124
5.5.1 定義text-shadow 124
5.5.2 案例:設(shè)計(jì)特效字 126
5.6 動(dòng)態(tài)內(nèi)容 130
5.6.1 定義content 130
5.6.2 案例:應(yīng)用content 131
5.7 網(wǎng)絡(luò)字體 133
5.7.1 使用@font-face 133
5.7.2 案例:設(shè)計(jì)字體圖標(biāo) 134
5.8 案例實(shí)戰(zhàn) 136
5.8.1 設(shè)計(jì)文本新聞頁 136
5.8.2 設(shè)計(jì)正文內(nèi)頁 138
5.8.3 設(shè)計(jì)列表文本樣式 139
5.8.4 設(shè)計(jì)黑科技首頁 141
5.8.5 設(shè)計(jì)消息提示框 142
5.9 在線練習(xí) 142
第6 章 設(shè)計(jì)列表結(jié)構(gòu) 143
視頻講解:52 分鐘
6.1 定義列表 144
6.1.1 無序列表 144
6.1.2 有序列表 145
6.1.3 項(xiàng)目編號(hào) 146
6.1.4 設(shè)計(jì)CSS樣式 147
6.1.5 嵌套列表 148
6.1.6 描述列表 148
6.1.7 菜單列表 150
6.1.8 快捷菜單 152
6.2 定義鏈接 155
6.2.1 普通鏈接 155
6.2.2 塊鏈接 156
6.2.3 錨點(diǎn)鏈接 157
6.2.4 目標(biāo)鏈接 158
6.2.5 下載鏈接 159
6.2.6 圖像熱點(diǎn) 159
6.2.7 框架鏈接 161
6.3 案例實(shí)戰(zhàn) 162
6.3.1 設(shè)計(jì)導(dǎo)航頁面 162
6.3.2 設(shè)計(jì)熱銷榜 167
6.3.3 設(shè)計(jì)品牌墻 169
6.3.4 設(shè)計(jì)品類引導(dǎo)列表 171
6.3.5 為快捷菜單添加命令 173
6.3.6 設(shè)計(jì)快捷分享命令 173
6.3.7 設(shè)計(jì)任務(wù)列表命令 173
6.3.8 設(shè)計(jì)排行榜列表結(jié)構(gòu) 173
6.3.9 設(shè)計(jì)圖文列表欄目 173
6.4 在線練習(xí) 174
第7 章 應(yīng)用多媒體 175
視頻講解:40 分鐘
7.1 認(rèn)識(shí)網(wǎng)頁圖像 176
7.2 使用圖像 177
7.2.1 使用img元素 177
7.2.2 定義流內(nèi)容 178
7.2.3 插入圖標(biāo) 179
7.2.4 定義圖像大小 180
7.2.5 案例:圖文混排 181
7.3 使用多媒體插件 182
7.3.1 使用embed元素 182
7.3.2 使用object元素 183
7.4 使用HTML5多媒體 185
7.4.1 使用audio元素 185
7.4.2 使用video元素 187
7.5 案例實(shí)戰(zhàn) 190
7.5.1 設(shè)計(jì)網(wǎng)頁音樂播放器 190
7.5.2 設(shè)計(jì)MP3播放條 192
7.5.3 設(shè)計(jì)視頻播放器 193
7.6 HTML5多媒體API 196
7.6.1 設(shè)置屬性 196
7.6.2 設(shè)置方法 196
7.6.3 設(shè)置事件 196
7.6.4 綜合案例 196
7.7 在線練習(xí) 200
第8 章 使用CSS3 定義版式 201
視頻講解:40 分鐘
8.1 CSS盒模型 202
8.1.1 認(rèn)識(shí)display 202
8.1.2 認(rèn)識(shí)CSS盒模型 202
8.1.3 定義邊界 203
8.1.4 定義邊框 205
8.1.5 定義補(bǔ)白 206
8.2 設(shè)計(jì)浮動(dòng)顯示 208
8.2.1 定義float 208
8.2.2 使用clear 210
8.3 設(shè)計(jì)定位顯示 213
8.3.1 定義position 213
8.3.2 設(shè)置層疊順序 218
8.4 案例實(shí)戰(zhàn) 220
8.4.1 設(shè)計(jì)兩欄頁面 220
8.4.2 設(shè)計(jì)三欄頁面 222
8.4.3 設(shè)計(jì)九宮格版式 223
8.4.4 設(shè)計(jì)用戶管理界面 226
8.4.5 設(shè)計(jì)側(cè)滑面板 227
8.4.6 設(shè)計(jì)網(wǎng)格化版式 229
8.4.7 設(shè)計(jì)音樂列表版式 231
8.5 在線練習(xí) 232
第9 章 使用媒體查詢 233
視頻講解:21 分鐘
9.1 認(rèn)識(shí)媒體查詢 234
9.2 使用媒體查詢 234
9.2.1 媒體類型和媒體查詢 234
9.2.2 使用@media 236
9.2.3 應(yīng)用@media 238
9.2.4 案例:設(shè)計(jì)**個(gè)響應(yīng)式版式 241
9.3 案例實(shí)戰(zhàn) 243
9.3.1 判斷顯示屏幕寬度 243
9.3.2 設(shè)計(jì)響應(yīng)式版式 244
9.3.3 設(shè)計(jì)響應(yīng)式菜單 247
9.3.4 設(shè)計(jì)自動(dòng)隱藏布局 248
9.3.5 設(shè)計(jì)自適應(yīng)手機(jī)頁面 251
9.4 在線練習(xí) 254
第10 章 設(shè)計(jì)彈性布局 255
視頻講解:32 分鐘
10.1 多列布局 256
10.1.1 設(shè)置列寬 256
10.1.2 設(shè)置列數(shù) 257
10.1.3 設(shè)置間距 257
10.1.4 設(shè)置列邊框 258
10.1.5 設(shè)置跨列顯示 259
10.1.6 設(shè)置列高度 260
10.2 舊版伸縮盒 260
10.2.1 啟動(dòng)伸縮盒 261
10.2.2 設(shè)置寬度 261
10.2.3 設(shè)置順序 263
10.2.4 設(shè)置方向 264
10.2.5 設(shè)置對(duì)齊方式 265
10.3 新版伸縮盒 267
10.3.1 認(rèn)識(shí)Flexbox系統(tǒng) 267
10.3.2 啟動(dòng)伸縮盒 268
10.3.3 設(shè)置主軸方向 269
10.3.4 設(shè)置行數(shù) 270
10.3.5 設(shè)置對(duì)齊方式 271
10.3.6 設(shè)置伸縮項(xiàng)目 273
10.4 瀏覽器支持和伸縮盒版本迭代 276
10.4.1 瀏覽器對(duì)Flexbox的支持 276
10.4.2 比較Flexbox新舊版本 277
10.5 案例實(shí)戰(zhàn) 280
10.5.1 將固寬頁轉(zhuǎn)換為彈性頁 280
10.5.2 設(shè)計(jì)彈性菜單 283
10.5.3 設(shè)計(jì)多斷點(diǎn)彈性菜單 285
10.5.4 設(shè)計(jì)粘附頁腳欄 286
10.5.5 設(shè)計(jì)3欄頁面 287
10.5.6 設(shè)計(jì)3行3列應(yīng)用 287
10.6 在線練習(xí) 287
第11 章 設(shè)計(jì)響應(yīng)式圖片 288
11.1 認(rèn)識(shí)響應(yīng)式圖片 289
11.2 使用picture 289
11.2.1 基本用法 290
11.2.2 瀏覽器支持 290
11.2.3 應(yīng)用示例 291
11.3 案例實(shí)戰(zhàn) 292
11.3.1 圖片加載 292
11.3.2 針對(duì)不同設(shè)備調(diào)整顯示焦點(diǎn) 293
11.3.3 使用媒體查詢調(diào)整顯示焦點(diǎn) 294
11.3.4 圖片分辨率處理 295
11.3.5 設(shè)計(jì)圖文版式 295
11.3.6 設(shè)計(jì)熱點(diǎn)景點(diǎn)欄目 297
11.3.7 設(shè)計(jì)圖片分享頁面 299
11.3.8 設(shè)計(jì)圖片列表頁面 302
11.4 在線練習(xí) 304
第12 章 設(shè)計(jì)移動(dòng)表單 305
視頻講解:1 小時(shí)12 分鐘
12.1 認(rèn)識(shí)HTML5表單 306
12.2 定義表單 307
12.3 提交表單 308
12.4 組織表單 309
12.5 定義文本框 310
12.6 定義標(biāo)簽 312
12.7 使用常用控件 313
12.7.1 密碼框 313
12.7.2 單選按鈕 314
12.7.3 復(fù)選框 314
12.7.4 文本區(qū)域 315
12.7.5 選擇框 316
12.7.6 上傳文件 317
12.7.7 隱藏字段 318
12.7.8 提交按鈕 319
12.8 HTML5新型輸入框 320
12.8.1 定義E-mail框 320
12.8.2 定義URL框 321
12.8.3 定義數(shù)字框 321
12.8.4 定義范圍框 322
12.8.5 定義日期選擇器 323
12.8.6 定義搜索框 327
12.8.7 定義電話號(hào)碼框 328
12.8.8 定義拾色器 328
12.9 HTML5輸入屬性 329
12.9.1 定義自動(dòng)完成 329
12.9.2 定義自動(dòng)獲取焦點(diǎn) 331
12.9.3 定義所屬表單 332
12.9.4 定義表單重寫 332
12.9.5 定義高和寬 333
12.9.6 定義列表選項(xiàng) 333
12.9.7 定義*小值、*大值和步長 333
12.9.8 定義多選 334
12.9.9 定義匹配模式 335
12.9.10 定義替換文本 335
12.9.11 定義必填 336
12.10 HTML5新表單元素 336
12.10.1 定義數(shù)據(jù)列表 337
12.10.2 定義密鑰對(duì)生成器 337
12.10.3 定義輸出結(jié)果 338
12.11 HTML5表單屬性 339
12.11.1 定義自動(dòng)完成 339
12.11.2 定義禁止驗(yàn)證 339
12.12 案例實(shí)戰(zhàn) 340
12.12.1 設(shè)計(jì)注冊表單 340
12.12.2 設(shè)計(jì)登錄表單 342
12.12.3 設(shè)計(jì)反饋表單 344
12.13 在線練習(xí) 346
第13 章 設(shè)計(jì)響應(yīng)式表格 347
視頻講解:35 分鐘
13.1 認(rèn)識(shí)表格結(jié)構(gòu) 348
13.2 新建表格 349
13.2.1 定義普通表格 349
13.2.2 定義列標(biāo)題 349
13.2.3 定義表格標(biāo)題 351
13.2.4 表格行分組 351
13.2.5 表格列分組 352
13.3 設(shè)置table屬性 355
13.3.1 定義單線表格 356
13.3.2 定義分離單元格 357
13.3.3 定義細(xì)線邊框 357
13.3.4 添加表格說明 358
13.4 設(shè)置td和th屬性 358
13.4.1 定義跨單元格顯示 359
13.4.2 定義表頭單元格 360
13.4.3 為單元格指定表頭 361
13.4.4 定義信息縮寫 361
13.4.5 單元格分類 362
13.5 使用CSS定義表格樣式 362
13.5.1 定義表格的基本方法 363
13.5.2 定義邊框 364
13.5.3 定義間距 364
13.5.4 定義標(biāo)題 365
13.5.5 定義空單元格 366
13.6 案例實(shí)戰(zhàn) 367
13.6.1 設(shè)計(jì)產(chǎn)品信息列表 367
13.6.2 設(shè)計(jì)自適應(yīng)布局表格 368
13.6.3 設(shè)計(jì)滾動(dòng)顯示表格 371
13.6.4 設(shè)計(jì)隱藏不重要的數(shù)據(jù)列 373
13.7 在線練習(xí) 374
第14 章 使用CSS3 修飾背景 375
視頻講解:51 分鐘
14.1 設(shè)計(jì)背景圖像 376
14.1.1 設(shè)置定位原點(diǎn) 376
14.1.2 設(shè)置裁剪區(qū)域 377
14.1.3 設(shè)置背景圖像大小 379
14.1.4 設(shè)置多重背景圖像 380
14.2 設(shè)計(jì)漸變背景 382
14.2.1 定義線性漸變 383
14.2.2 設(shè)計(jì)線性漸變樣式 385
14.2.3 案例:設(shè)計(jì)網(wǎng)頁漸變色 387
14.2.4 案例:設(shè)計(jì)條紋背景 389
14.2.5 定義重復(fù)線性漸變 391
14.2.6 定義徑向漸變 393
14.2.7 設(shè)計(jì)徑向漸變樣式 395
14.2.8 定義重復(fù)徑向漸變 397
14.2.9 案例:設(shè)計(jì)網(wǎng)頁背景色 398
14.2.10 案例:設(shè)計(jì)圖標(biāo) 399
14.3 案例實(shí)戰(zhàn) 401
14.3.1 設(shè)計(jì)優(yōu)惠券 401
14.3.2 設(shè)計(jì)桌面紋理背景 401
14.3.3 設(shè)計(jì)按鈕 401
14.3.4 漸變特殊應(yīng)用場景 402
14.3.5 設(shè)計(jì)欄目折角效果 402
14.4 在線練習(xí) 403
第15 章 使用CSS3 美化界面樣式 404
視頻講解:36 分鐘
15.1 界面顯示 405
15.1.1 顯示方式 405
15.1.2 調(diào)整尺寸 406
15.1.3 縮放比例 407
15.2 輪廓樣式 407
15.2.1 定義輪廓 408
15.2.2 設(shè)計(jì)輪廓線 410
15.3 邊框樣式 412
15.3.1 定義邊框圖像源 412
15.3.2 定義邊框圖像平鋪方式 413
15.3.3 定義邊框圖像寬度 414
15.3.4 定義邊框圖像分割方式 414
15.3.5 定義邊框圖像擴(kuò)展 415
15.3.6 案例:應(yīng)用邊框圖像 417
15.3.7 定義圓角邊框 419
15.3.8 案例:設(shè)計(jì)橢圓圖形 421
15.4 盒子陰影 422
15.4.1 定義盒子陰影 422
15.4.2 案例:box-shadow的應(yīng)用 424
15.4.3 案例:設(shè)計(jì)翹邊陰影 427
15.5 案例實(shí)戰(zhàn) 429
15.5.1 設(shè)計(jì)內(nèi)容頁 429
15.5.2 設(shè)計(jì)應(yīng)用界面 429
15.6 在線練習(xí) 430
第16 章 CSS3 動(dòng)畫 431
視頻講解:1 小時(shí)1 分鐘
16.1 CSS3變形 432
16.1.1 認(rèn)識(shí)Transform 432
16.1.2 設(shè)置原點(diǎn) 432
16.1.3 2D旋轉(zhuǎn) 433
16.1.4 2D縮放 434
16.1.5 2D平移 435
16.1.6 2D傾斜 436
16.1.7 2D矩陣 436
16.1.8 設(shè)置變形類型 437
16.1.9 設(shè)置透視距離和原點(diǎn) 438
16.1.10 3D平移 441
16.1.11 3D縮放 442
16.1.12 3D旋轉(zhuǎn) 443
16.1.13 透視函數(shù) 444
16.1.14 變形原點(diǎn) 445
16.1.15 背景可見 445
16.2 過渡動(dòng)畫 446
16.2.1 設(shè)置過渡屬性 446
16.2.2 設(shè)置過渡時(shí)間 447
16.2.3 設(shè)置延遲過渡時(shí)間 448
16.2.4 設(shè)置過渡動(dòng)畫類型 448
16.2.5 設(shè)置過渡觸發(fā)動(dòng)作 449
16.3 幀動(dòng)畫 454
16.3.1 設(shè)置關(guān)鍵幀 454
16.3.2 設(shè)置動(dòng)畫屬性 456
16.4 案例實(shí)戰(zhàn) 458
16.4.1 設(shè)計(jì)圖形 458
16.4.2 設(shè)計(jì)冒泡背景按鈕 459
16.4.3 設(shè)計(jì)動(dòng)畫效果菜單 459
16.4.4 設(shè)計(jì)照片特效 459
16.4.5 設(shè)計(jì)立體盒子 460
16.4.6 旋轉(zhuǎn)盒子 460
16.4.7 設(shè)計(jì)翻轉(zhuǎn)廣告 460
16.4.8 設(shè)計(jì)跑步效果 461
16.4.9 設(shè)計(jì)折疊面板 461
16.5 在線練習(xí) 461
第17 章 綜合實(shí)戰(zhàn):設(shè)計(jì)響應(yīng)式網(wǎng)站 462
17.1 認(rèn)識(shí)響應(yīng)式Web設(shè)計(jì) 463
17.2 構(gòu)建頁面 463
17.3 設(shè)計(jì)基本樣式 466
17.3.1 兼容早期瀏覽器 466
17.3.2 重置默認(rèn)樣式 467
17.4 設(shè)計(jì)響應(yīng)式樣式 467
17.4.1 創(chuàng)建可伸縮圖像 468
17.4.2 創(chuàng)建彈性布局網(wǎng)格 468
17.4.3 實(shí)現(xiàn)媒體查詢 469
17.4.4 組合樣式 472
17.4.5 兼容舊版IE 478
第18 章 案例開發(fā):酒店預(yù)訂微信wap 網(wǎng)站 480
視頻講解:16 分鐘
18.1 設(shè)計(jì)思路 481
18.1.1 內(nèi)容 481
18.1.2 結(jié)構(gòu) 481
18.1.3 效果 482
18.2 設(shè)計(jì)首頁 483
18.3 設(shè)計(jì)登錄頁 485
18.4 選擇城市 487
18.5 選擇酒店 490
18.6 預(yù)訂酒店 491
第19 章 發(fā)布網(wǎng)頁 496
19.1 Web應(yīng)用發(fā)布基礎(chǔ) 497
19.2 下載、安裝Cordova 498
19.2.1 安裝Java JDK 498
19.2.2 安裝Android SDK 499
19.2.3 安裝Apache Ant 500
19.2.4 設(shè)置用戶變量 501
19.2.5 測試工具 502
19.2.6 通過npm安裝Cordova 503
19.2.7 設(shè)置Android模擬器 504
19.3 將網(wǎng)頁轉(zhuǎn)換成Android APP 506
展開全部
清華社“視頻大講堂大系 網(wǎng)絡(luò)開發(fā)視頻大講堂HTML5 移動(dòng)WEB開發(fā)從入門到精通(微課精編版) 作者簡介
前端科技是由一群在校教師和一線開發(fā)人員組成的團(tuán)隊(duì),主要從事Web開發(fā)、教學(xué)和培訓(xùn),所編寫的圖書在網(wǎng)店及實(shí)體店的銷量名列前茅,受到了廣大讀者的好評(píng),讓數(shù)十萬的讀者輕松跨進(jìn)了Web開發(fā)的大門,為IT技術(shù)的普及和應(yīng)用做出了積極貢獻(xiàn)。