欧美国产日韩另类,色婷婷亚洲婷婷五月,飘雪影院在线观看免费版高清

本書詳細(xì)講解了HTML5 在移動(dòng)Web 開發(fā)中的應(yīng)用，包括移動(dòng)端常用布局、多媒體、Canvas、拖放、
文件操作等。除了這些相對(duì)獨(dú)立的技術(shù)點(diǎn)講解，本書還講解了當(dāng)下使用最為廣泛的移動(dòng)Web 框架Bootstrap，
并且詳細(xì)介紹了一個(gè)綜合項(xiàng)目的開發(fā)，將所學(xué)應(yīng)用到實(shí)際開發(fā)中。
本書附有配套視頻、源代碼、習(xí)題等數(shù)字化學(xué)習(xí)資源，與本書配套的在線開放課程在中國(guó)大學(xué)慕課
上線，讀者可以登錄網(wǎng)站進(jìn)行在線開放課程的學(xué)習(xí)。
本書既可作為高等院校本、�？葡嚓P(guān)專業(yè)的HTML5 課程、移動(dòng)Web 開發(fā)課程的教材，也可作為前端
與移動(dòng)開發(fā)的培訓(xùn)教材，對(duì)于廣大網(wǎng)站開發(fā)人員來(lái)說(shuō)，更是一本不可多得的閱讀與參考的優(yōu)秀讀物。

單元1 移動(dòng)Web 開發(fā)概述 1
1.1 移動(dòng)Web 開發(fā)簡(jiǎn)介 1
1.1.1 什么是移動(dòng)Web 開發(fā) 1
1.1.2 移動(dòng)Web 開發(fā)與PC 端Web 開發(fā)的
區(qū)別 2
1.2 移動(dòng)Web 開發(fā)技術(shù)入門 2
1.2.1 HTML5 簡(jiǎn)介 2
1.2.2 CSS3 簡(jiǎn)介 · 3
1.2.3 Bootstrap 簡(jiǎn)介 · 3
1.2.4 移動(dòng)端的Web 瀏覽器 3
1.3 基于HTML5 的移動(dòng)Web 開發(fā) 4
1.4 開發(fā)工具HBuilderX 的使用 6
1.5 單元案例我的個(gè)人主頁(yè) 7
1.5.1 頁(yè)面效果分析 · 8
1.5.2 頁(yè)面實(shí)現(xiàn) 8
1.5.3 頁(yè)面樣式設(shè)計(jì) · 9
1.6 單元小結(jié) · 9
1.7 動(dòng)手實(shí)踐 · 9
單元2 初識(shí)HTML5 · 11
2.1 HTML5 的優(yōu)勢(shì) 11
2.2 HTML5 網(wǎng)頁(yè)文檔結(jié)構(gòu) · 12
2.3 HTML5 常用標(biāo)簽及其屬性 13
2.3.1 標(biāo)簽的分類 13
2.3.2 標(biāo)簽屬性 · 14
2.3.3 HTML5 文檔頭部相關(guān)標(biāo)簽 · 14
2.3.4 HTML5 常用的文本標(biāo)簽 16
2.4 HTML5 新增的語(yǔ)義化結(jié)構(gòu)標(biāo)簽 19
2.5 HTML5 新增的屬性 22
2.6 單元案例少壯不努力，
老大徒傷悲--古詩(shī)賞析 24
2.6.1 頁(yè)面效果分析 24
2.6.2 頁(yè)面實(shí)現(xiàn) · 25
2.6.3 頁(yè)面功能設(shè)計(jì) 29
2.6.4 頁(yè)面樣式設(shè)計(jì) 29
2.7 單元小結(jié) 30
2.8 動(dòng)手實(shí)踐 30
單元3 CSS3 基礎(chǔ) · 32
3.1 結(jié)構(gòu)與表現(xiàn)分離 32
3.2 CSS3 發(fā)展史及性能預(yù)覽 33
3.2.1 CSS3 發(fā)展史 · 33
3.2.2 CSS3 性能預(yù)覽 34
3.3 CSS3 核心基礎(chǔ) · 38
3.3.1 CSS 樣式規(guī)則 38
3.3.2 引入CSS 樣式表 38
3.4 CSS3 選擇器 42
3.4.1 CSS3 屬性選擇器 42
3.4.2 CSS3 結(jié)構(gòu)偽類選擇器 47
3.4.3 CSS3 UI 偽元素選擇器 54
3.5 單元案例仿寫軟大學(xué)院首頁(yè) 58
3.5.1 搭建項(xiàng)目 · 58
3.5.2 主要模塊開發(fā) 60
3.6 單元小結(jié) 68
3.7 動(dòng)手實(shí)踐 69
單元4 CSS3 常用樣式 70
4.1 盒子模型概述 70
4.1.1 認(rèn)識(shí)盒子模型 70
4.1.2 盒子的寬與高 72
4.2 盒子模型的相關(guān)屬性 73
4.2.1 邊框?qū)傩?· 74
4.2.2 內(nèi)邊距屬性 82
移動(dòng)Web 開發(fā)實(shí)戰(zhàn)HTML5 CSS3 Bootstrap（慕課版）
2
4.2.3 外邊距屬性 84
4.3 CSS3 彈性盒布局 86
4.3.1 定義彈性容器 86
4.3.2 彈性容器屬性 88
4.3.3 彈性子元素屬性 · 95
4.4 背景設(shè)置 102
4.4.1 背景圖像的大小 102
4.4.2 背景的顯示區(qū)域 104
4.4.3 背景圖像的裁剪區(qū)域 105
4.4.4 多重背景圖像 106
4.4.5 背景復(fù)合屬性 107
4.5 CSS3 漸變屬性 109
4.5.1 線型漸變 109
4.5.2 徑向漸變 110
4.5.3 重復(fù)漸變 112
4.6 CSS3 盒子陰影與倒影 114
4.6.1 盒子陰影 114
4.6.2 盒子倒影 116
4.7 單元案例制作小信圖書
展示框 · 117
4.7.1 頁(yè)面效果分析 118
4.7.2 制作頁(yè)面結(jié)構(gòu) 118
4.7.3 定義頁(yè)面CSS 樣式 120
4.8 單元小結(jié) 121
4.9 動(dòng)手實(shí)踐 122
單元5 CSS3 高級(jí)應(yīng)用 123
5.1 CSS3 過(guò)渡 · 123
5.1.1 transition 子屬性設(shè)置 123
5.1.2 transition 屬性復(fù)合設(shè)置 127
5.2 CSS3 變形 · 129
5.2.1 認(rèn)識(shí)transform 屬性 129
5.2.2 2D 轉(zhuǎn)換 · 129
5.2.4 自定義轉(zhuǎn)換 · 136
5.3 CSS3 動(dòng)畫 · 142
5.3.1 @keyframes 規(guī)則創(chuàng)建動(dòng)畫 143
5.3.2 animation 屬性調(diào)用動(dòng)畫 · 144
5.4 單元案例愛我中華
動(dòng)畫制作 146
5.4.1 頁(yè)面效果分析 147
5.4.2 頁(yè)面動(dòng)畫定義 147
5.4.3 頁(yè)面結(jié)構(gòu)設(shè)計(jì) 148
5.4.4 頁(yè)面樣式設(shè)計(jì) 149
5.5 單元小結(jié) 150
5.6 動(dòng)手實(shí)踐 151
單元6 HTML5 智能表單 · 152
6.1 表單 · 152
6.1.1 表單的構(gòu)成 · 152
6.1.2 創(chuàng)建表單 153
6.2 表單控件 154
6.2.1 input 控件 · 154
6.2.2 textarea 控件 157
6.2.3 select 控件 159
6.3 HTML5 表單新屬性 161
6.3.1 HTML5 的Input 類型 162
6.3.2 HTML5 的表單元素 166
6.3.3 HTML5 的表單屬性 168
6.4 單元案例志愿者注冊(cè)頁(yè)面 172
6.4.1 表單注冊(cè)頁(yè)面效果分析 173
6.4.2 搭建表單注冊(cè)頁(yè)面結(jié)構(gòu) 173
6.4.3 定義表單注冊(cè)頁(yè)面CSS 樣式 176
6.5 單元小結(jié) 178
6.6 動(dòng)手實(shí)踐 178
單元7 基于HTML5 的移動(dòng)
Web 應(yīng)用-上 179
7.1 HTML5 音頻與視頻 179
7.1.1 HTML5 多媒體技術(shù)概述 179
7.1.2 HTML5 音頻 182
7.1.3 HTML5 視頻 184
7.1.4 音頻與視頻相關(guān)屬性、方法與事件 187
7.2 HTML5 拖放 190
7.2.1 拖放概述 190
7.2.2 拖放事件 191
7.2.3 dataTransfer 對(duì)象 · 194
目錄
3
7.3 文件操作 196
7.3.1 選擇文件 196
7.3.2 操作文件 197
7.4 單元案例DIY 視頻播放器 200
7.4.1 頁(yè)面功能分析 200
7.4.2 頁(yè)面效果展示 200
7.4.2 頁(yè)面設(shè)計(jì)與實(shí)現(xiàn) 200
7.5 單元小結(jié) 204
7.6 動(dòng)手實(shí)踐 204
單元8 基于HTML5 的移動(dòng)
Web 應(yīng)用-下 · 206
8.1 認(rèn)識(shí)Canvas 元素 · 206
8.2 繪制簡(jiǎn)單圖形 · 210
8.2.1 繪制直線 210
8.2.2 繪制三角形 · 211
8.2.3 繪制矩形 213
8.2.4 清空畫布 215
8.3 繪制曲線 217
8.3.1 繪制圓 217
8.3.2 繪制其他曲線 218
8.4 圖形的變換 221
8.4.1 移動(dòng)坐標(biāo)空間 221
8.4.2 旋轉(zhuǎn)坐標(biāo)空間 222
8.5 操作與使用圖像 224
8.5.1 繪制圖像 224
8.5.2 改變圖像大小 225
8.5.2 創(chuàng)建圖像切片 226
8.6 繪制文字 228
8.6.1 繪制填充文字 228
8.6.2 繪制輪廓文字 230
8.7 圖形的組合與裁切 233
8.7.1 圖形的組合 · 233
8.7.2 裁切路徑 234
8.8 更多的顏色和樣式選擇 235
8.8.1 繪制線性漸變 235
8.8.2 繪制放射性漸變 238
8.8.3 繪制圖案 239
8.9 SVG 創(chuàng)建2D 圖形 240
8.9.1 在頁(yè)面中添加SVG 241
8.9.2 應(yīng)用SVG · 241
8.10 單元案例繪制桌面時(shí)鐘 243
8.10.1 頁(yè)面效果分析 · 244
8.10.2 頁(yè)面實(shí)現(xiàn) 244
8.11 單元小結(jié) · 247
8.12 動(dòng)手實(shí)踐 · 247
單元9 響應(yīng)式Web 設(shè)計(jì)神器
Bootstrap 248
9.1 Bootstrap 環(huán)境安裝 · 248
9.2 Bootstrap 常用CSS 樣式 · 252
9.2.1 Bootstrap 柵格系統(tǒng) · 252
9.2.2 Bootstrap 排版 254
9.2.3 Bootstrap 表格 257
9.2.4 Bootstrap 表單 258
9.2.5 Bootstrap 按鈕 261
9.3 Bootstrap 布局組件 · 263
9.3.1 Bootstrap 字體圖標(biāo) · 263
9.3.2 Bootstrap 下拉菜單與按鈕組 264
9.3.3 Bootstrap 導(dǎo)航 266
9.3.4 Bootstrap 導(dǎo)航欄 267
9.3.5 Bootstrap 分頁(yè)和列表組 268
9.4 Bootstrap 常用插件 · 270
9.4.1 Bootstrap 標(biāo)簽頁(yè) 270
9.4.2 Bootstrap 輪播插件 · 271
9.4.3 Bootstrap 折疊 274
9.5 單元案例新冠疫苗預(yù)約
網(wǎng)頁(yè)面 · 276
9.5.1 頁(yè)面效果分析 276
9.5.2 頁(yè)面實(shí)現(xiàn) 277
9.6 單元小結(jié) 279
9.7 動(dòng)手實(shí)踐 279
單元10 實(shí)戰(zhàn)開發(fā)英語(yǔ)學(xué)習(xí)網(wǎng)站 · 281
10.1 Bootstrap 項(xiàng)目的搭建 · 281
10.2 首頁(yè)效果預(yù)覽與首頁(yè)結(jié)構(gòu)搭建 · 282
移動(dòng)Web 開發(fā)實(shí)戰(zhàn)HTML5 CSS3 Bootstrap（慕課版）
4
10.3 首頁(yè)導(dǎo)航與輪播圖實(shí)現(xiàn) · 284
10.3.1 首頁(yè)導(dǎo)航欄實(shí)現(xiàn) 284
10.3.2 首頁(yè)輪播圖 285
10.4 首頁(yè)主體內(nèi)容及底部菜單 288
10.4.1 主體內(nèi)容 288
10.4.2 底部菜單 292
10.5 在線學(xué)習(xí)頁(yè)面 295
10.5.1 導(dǎo)航欄與底部菜單 295
10.5.2 主體內(nèi)容實(shí)現(xiàn) · 297
10.6 英語(yǔ)新聞頁(yè)面 300
10.6.1 導(dǎo)航欄與底部菜單 300
10.6.2 主體內(nèi)容實(shí)現(xiàn) · 302
10.7 單元小結(jié) · 306
10.8 動(dòng)手實(shí)踐 · 306

你還可能感興趣

我要評(píng)論