HTML5+CSS3項(xiàng)目開發(fā)實(shí)戰(zhàn)（第2版）
定 價(jià)：49.8 元
- 作者：王慶樺
- 出版時(shí)間：2022/7/1
- ISBN：9787121439124
- 出 版 社：電子工業(yè)出版社
- 中圖法分類：TP312.8；TP393.092.2
- 頁(yè)碼：272
- 紙張：
- 版次：01
- 開本：16開
本書以HTML5與CSS3知識(shí)點(diǎn)為主線，響應(yīng)式布局項(xiàng)目為任務(wù)載體，采用迭代遞增的網(wǎng)頁(yè)設(shè)計(jì)方法，根據(jù)項(xiàng)目需求來(lái)逐步完成任務(wù)，實(shí)現(xiàn)學(xué)習(xí)相關(guān)知識(shí)與動(dòng)手實(shí)操并重目的。全書按照網(wǎng)頁(yè)設(shè)計(jì)的步驟，圍繞HTML5與CSS3重要特性進(jìn)行編寫，通過(guò)詳細(xì)講解各個(gè)任務(wù)的實(shí)施來(lái)對(duì)知識(shí)點(diǎn)進(jìn)行總結(jié)，使讀者深入掌握網(wǎng)頁(yè)設(shè)計(jì)制作技術(shù)。為適應(yīng)應(yīng)用型人才培養(yǎng)的需求，本書既強(qiáng)調(diào)理論知識(shí)的夯實(shí)、基本技能的訓(xùn)練，還注重拓展能力的培養(yǎng)，最終使學(xué)習(xí)者具備解決問(wèn)題、分析問(wèn)題的能力。內(nèi)容編排以項(xiàng)目為載體，以任務(wù)實(shí)施為學(xué)習(xí)路徑，結(jié)構(gòu)清晰、內(nèi)容翔實(shí)、難度漸進(jìn)，達(dá)到學(xué)以致用的目標(biāo)。本書編者由具有多年教學(xué)經(jīng)驗(yàn)和實(shí)際項(xiàng)目開發(fā)經(jīng)驗(yàn)的教師組成，書中大量教學(xué)實(shí)例，既有較強(qiáng)的理論性，又具有鮮明的實(shí)用性。本書即可作為高職院校和應(yīng)用型本科院校網(wǎng)頁(yè)設(shè)計(jì)課程的教材，也可作為信息技術(shù)培訓(xùn)機(jī)構(gòu)的培訓(xùn)用書，還可以作為網(wǎng)頁(yè)設(shè)計(jì)與制作人員的參考用書。
王慶樺，天津中德應(yīng)用技術(shù)大學(xué) 教務(wù)處副處長(zhǎng)，中國(guó)職業(yè)技術(shù)教育學(xué)會(huì)(CSTVE) 教學(xué)工作委員會(huì) 自動(dòng)化技術(shù)類專業(yè)教學(xué)研究會(huì) 副秘書長(zhǎng)，天津市"五一”勞動(dòng)獎(jiǎng)?wù)芦@得者，從事相關(guān)專業(yè)和課程教學(xué)14年。先后在加拿大BC省理工學(xué)院參加計(jì)算機(jī)技術(shù)、教育教學(xué)技能培訓(xùn)、清華大學(xué)Web應(yīng)用開發(fā)技術(shù)高級(jí)研修班、訪問(wèn)過(guò)澳大利亞和新西蘭等國(guó)家，學(xué)校職業(yè)教育體系。主編或參與編寫教材9冊(cè)；參加國(guó)家級(jí)教改課題3項(xiàng)，市級(jí)教改課題3項(xiàng)；作為主要承擔(dān)者參與國(guó)家級(jí)、市級(jí)精品課或資源共享課3門；指導(dǎo)學(xué)生參加天津市高職計(jì)算機(jī)技能大賽獲一等獎(jiǎng)1項(xiàng)，二等獎(jiǎng)2項(xiàng)、三等獎(jiǎng)2項(xiàng)。
項(xiàng)目1 認(rèn)識(shí)HTML5 001
項(xiàng)目概述 001
項(xiàng)目導(dǎo)航 001
任務(wù)1.1 HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)概述 001
任務(wù)目標(biāo) 001
任務(wù)準(zhǔn)備 002
1.1.1 認(rèn)識(shí)網(wǎng)頁(yè) 002
1.1.2 HTML5簡(jiǎn)介 003
1.1.3 CSS層疊樣式表 005
1.1.4 JavaScript簡(jiǎn)介 005
1.1.5 瀏覽器及瀏覽器內(nèi)核 006
任務(wù)1.2 網(wǎng)頁(yè)設(shè)計(jì)工具 008
任務(wù)目標(biāo) 008
任務(wù)準(zhǔn)備 008
1.2.1 前端開發(fā)的工具 008
1.2.2 WebStrom使用 009
任務(wù)實(shí)施 011
任務(wù)1.3 自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì) 017
任務(wù)目標(biāo) 017
任務(wù)準(zhǔn)備 017
1.3.1 響應(yīng)式布局設(shè)計(jì) 017
1.3.2 響應(yīng)式網(wǎng)頁(yè)部署 018
任務(wù)實(shí)施 019
項(xiàng)目總結(jié) 021
項(xiàng)目2 使用HTML5基本標(biāo)簽 022
項(xiàng)目概述 022
項(xiàng)目導(dǎo)航 022
任務(wù)2.1 “古詩(shī)詞鑒賞”導(dǎo)航欄
頁(yè)面制作 023
任務(wù)目標(biāo) 023
任務(wù)準(zhǔn)備 023
2.1.1 HTML文件的基本結(jié)構(gòu) 023
2.1.2 HTML5基本結(jié)構(gòu) 023
2.1.3 HTML5新增標(biāo)簽 024
2.1.4 HTML5廢棄標(biāo)簽 024
2.1.5 HTML5廢棄屬性 025
2.1.6 基礎(chǔ)標(biāo)簽 025
2.1.7 文本格式化標(biāo)簽 027
任務(wù)實(shí)施 032
任務(wù)2.2 “詩(shī)人與古詩(shī)大全”頁(yè)面制作 034
任務(wù)目標(biāo) 034
任務(wù)準(zhǔn)備 034
2.2.1 有序列表 034
2.2.2 無(wú)序列表 035
2.2.3 定義列表 035
任務(wù)實(shí)施 036
任務(wù)2.3 “詩(shī)詞詳情”頁(yè)面制作 039
任務(wù)目標(biāo) 039
任務(wù)準(zhǔn)備 039
2.3.1 圖像標(biāo)簽 039
2.3.2 范圍標(biāo)簽span 042
2.3.3 超鏈接標(biāo)簽a 042
2.3.4 div標(biāo)簽 044
任務(wù)實(shí)施 044
項(xiàng)目總結(jié) 048
項(xiàng)目3 表格與表單應(yīng)用 049
項(xiàng)目概述 049
項(xiàng)目導(dǎo)航 049
任務(wù)3.1 制作校園學(xué)生論壇網(wǎng)站 050
任務(wù)目標(biāo) 050
任務(wù)準(zhǔn)備 050
3.1.1 表格的基本語(yǔ)法 050
3.1.2 跨行跨列 061
任務(wù)實(shí)施 063
任務(wù)3.2 制作論壇登錄頁(yè)面 069
任務(wù)目標(biāo) 069
任務(wù)準(zhǔn)備 070
3.2.1 表單的基本語(yǔ)法 070
3.2.2 基本元素介紹 071
任務(wù)實(shí)施 076
任務(wù)3.3 制作論壇注冊(cè)頁(yè)面 079
任務(wù)目標(biāo) 079
任務(wù)準(zhǔn)備 079
3.3.1 ＜datalist＞元素 079
3.3.2 HTML5新增input類型與屬性 080
任務(wù)實(shí)施 085
項(xiàng)目總結(jié) 089
項(xiàng)目4 HTML5音視頻標(biāo)簽 090
項(xiàng)目概述 090
項(xiàng)目導(dǎo)航 090
任務(wù)4.1 制作論壇音樂(lè)分區(qū) 090
任務(wù)目標(biāo) 090
任務(wù)準(zhǔn)備 091
4.1.1 ＜audio＞標(biāo)簽 091
4.1.2 ＜source＞標(biāo)簽 091
任務(wù)實(shí)施 092
任務(wù)4.2 制作論壇視頻欣賞分區(qū) 095
任務(wù)目標(biāo) 095
任務(wù)準(zhǔn)備 095
4.2.1 ＜video＞標(biāo)簽 095
4.2.2 ＜track＞標(biāo)簽 097
任務(wù)實(shí)施 098
項(xiàng)目總結(jié) 102
項(xiàng)目5 CSS3基礎(chǔ)應(yīng)用 103
項(xiàng)目概述 103
項(xiàng)目導(dǎo)航 103
任務(wù)5.1 CSS基本知識(shí) 103
任務(wù)目標(biāo) 103
任務(wù)準(zhǔn)備 104
5.1.1 CSS樣式表創(chuàng)建 104
5.1.2 基本語(yǔ)法 106
任務(wù)實(shí)施 107
任務(wù)5.2 選擇器 109
任務(wù)目標(biāo) 109
任務(wù)準(zhǔn)備 109
5.2.1 常用選擇器 109
5.2.2 CSS3新增選擇器 114
任務(wù)實(shí)施 120
項(xiàng)目總結(jié) 129
項(xiàng)目6 CSS3美化網(wǎng)頁(yè) 130
項(xiàng)目概述 130
項(xiàng)目導(dǎo)航 130
任務(wù)6.1 CSS核心屬性 131
任務(wù)目標(biāo) 131
任務(wù)準(zhǔn)備 131
6.1.1 字體屬性 131
6.1.2 文本屬性 135
6.1.3 列表屬性 139
6.1.4 文本溢出 141
6.1.5 背景圖像 145
6.1.6 類型轉(zhuǎn)換 149
6.1.7 指針屬性 151
任務(wù)實(shí)施 152
任務(wù)6.2 浮動(dòng)與定位 159
任務(wù)目標(biāo) 159
任務(wù)準(zhǔn)備 159
6.2.1 浮動(dòng)屬性 159
6.2.2 定位屬性 162
任務(wù)實(shí)施 165
任務(wù)6.3 邊框?qū)傩?168
任務(wù)目標(biāo) 168
任務(wù)準(zhǔn)備 168
6.3.1 盒子模型 168
6.3.2 邊框?qū)傩?172
任務(wù)實(shí)施 179
任務(wù)6.4 自適應(yīng)屬性 186
任務(wù)目標(biāo) 186
任務(wù)準(zhǔn)備 186
6.4.1 寬高自適應(yīng) 186
6.4.2 屏幕自適應(yīng) 188
任務(wù)實(shí)施 189
項(xiàng)目總結(jié) 195
項(xiàng)目7 CSS3過(guò)渡變形與動(dòng)畫 196
項(xiàng)目概述 196
項(xiàng)目導(dǎo)航 196
任務(wù)7.1 CSS3過(guò)渡 197
任務(wù)目標(biāo) 197
任務(wù)準(zhǔn)備 197
7.1.1 transition-property屬性 197
7.1.2 transition-duration屬性 197
7.1.3 transition-timing-function 屬性 198
7.1.4 transition-delay屬性 199
7.1.5 transition屬性 200
任務(wù)實(shí)施 202
任務(wù)7.2 CSS3變形 206
任務(wù)目標(biāo) 206
任務(wù)準(zhǔn)備 207
7.2.1 transform屬性 207
7.2.2 transform-origin屬性 212
7.2.3 3D變形其他屬性 214
任務(wù)實(shí)施 215
任務(wù)7.3 動(dòng)畫 224
任務(wù)目標(biāo) 224
任務(wù)準(zhǔn)備 224
7.3.1 @keyframes 225
7.3.2 animation 225
任務(wù)實(shí)施 227
項(xiàng)目總結(jié) 231
項(xiàng)目8 繪圖與數(shù)據(jù)存儲(chǔ) 232
項(xiàng)目概述 232
項(xiàng)目導(dǎo)航 232
任務(wù)8.1 JavaScript概述 232
任務(wù)目標(biāo) 232
任務(wù)準(zhǔn)備 233
8.1.1 JavaScript引入 233
8.1.2 JavaScript基礎(chǔ)知識(shí) 233
8.1.3 函數(shù) 234
8.1.4 Document對(duì)象 235
8.1.5 DOM事件機(jī)制 238
任務(wù)實(shí)施 239
任務(wù)8.2 Canvas 246
任務(wù)目標(biāo) 246
任務(wù)準(zhǔn)備 246
8.2.1 Canvas概述 246
8.2.2 Canvas繪制基本圖形 247
8.2.3 繪制漸變圖形 250
8.2.4 繪制變形圖形 252
8.2.5 SVG 253
任務(wù)實(shí)施 254
任務(wù)8.3 數(shù)據(jù)存儲(chǔ) 258
任務(wù)目標(biāo) 258
任務(wù)準(zhǔn)備 259
8.3.1 Cookie 259
8.3.2 Web Storage 259
任務(wù)實(shí)施 260
項(xiàng)目總結(jié) 262
參考文獻(xiàn) 263
書單推薦
