123,123

內(nèi)容簡(jiǎn)介

　　本書以HTML5與CSS3知識(shí)點(diǎn)為主線，響應(yīng)式布局項(xiàng)目為任務(wù)載體，采用迭代遞增的網(wǎng)頁設(shè)計(jì)方法，根據(jù)項(xiàng)目需求來逐步完成任務(wù)，實(shí)現(xiàn)學(xué)習(xí)相關(guān)知識(shí)與動(dòng)手實(shí)操并重目的。全書按照網(wǎng)頁設(shè)計(jì)的步驟，圍繞HTML5與CSS3重要特性進(jìn)行編寫，通過詳細(xì)講解各個(gè)任務(wù)的實(shí)施來對(duì)知識(shí)點(diǎn)進(jìn)行總結(jié)，使讀者深入掌握網(wǎng)頁設(shè)計(jì)制作技術(shù)。為適應(yīng)應(yīng)用型人才培養(yǎng)的需求，本書既強(qiáng)調(diào)理論知識(shí)的夯實(shí)、基本技能的訓(xùn)練，還注重拓展能力的培養(yǎng)，最終使學(xué)習(xí)者具備解決問題、分析問題的能力。內(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)頁設(shè)計(jì)課程的教材，也可作為信息技術(shù)培訓(xùn)機(jī)構(gòu)的培訓(xùn)用書，還可以作為網(wǎng)頁設(shè)計(jì)與制作人員的參考用書。

作者簡(jiǎn)介

　　王慶樺，天津中德應(yīng)用技術(shù)大學(xué) 教務(wù)處副處長(zhǎng)，中國職業(yè)技術(shù)教育學(xué)會(huì)（CSTVE）教學(xué)工作委員會(huì) 自動(dòng)化技術(shù)類專業(yè)教學(xué)研究會(huì)副秘書長(zhǎng)，天津市\(zhòng)

圖書目錄

項(xiàng)目1 認(rèn)識(shí)HTML5\t001
項(xiàng)目概述\t001
項(xiàng)目導(dǎo)航\t001
任務(wù)1．1 HTML5+CSS3網(wǎng)頁設(shè)計(jì)概述\t001
任務(wù)目標(biāo)\t001
任務(wù)準(zhǔn)備\t002
1．1．1 認(rèn)識(shí)網(wǎng)頁\t002
1．1．2 HTML5簡(jiǎn)介\t003
1．1．3 CSS層疊樣式表\t005
1．1．4 JavaScript簡(jiǎn)介\t005
1．1．5 瀏覽器及瀏覽器內(nèi)核\t006
任務(wù)1．2 網(wǎng)頁設(shè)計(jì)工具\(yùn)t008
任務(wù)目標(biāo)\t008
任務(wù)準(zhǔn)備\t008
1．2．1 前端開發(fā)的工具\(yùn)t008
1．2．2 WebStrom使用\t009
任務(wù)實(shí)施\t011
任務(wù)1．3 自適應(yīng)網(wǎng)頁設(shè)計(jì)\t017
任務(wù)目標(biāo)\t017
任務(wù)準(zhǔn)備\t017
1．3．1 響應(yīng)式布局設(shè)計(jì)\t017
1．3．2 響應(yīng)式網(wǎng)頁部署\t018
任務(wù)實(shí)施\t019
項(xiàng)目總結(jié)\t021
項(xiàng)目2 使用HTML5基本標(biāo)簽\t022
項(xiàng)目概述\t022
項(xiàng)目導(dǎo)航\t022
任務(wù)2．1 “古詩詞鑒賞”導(dǎo)航欄
頁面制作\t023
任務(wù)目標(biāo)\t023
任務(wù)準(zhǔn)備\t023
2．1．1 HTML文件的基本結(jié)構(gòu)\t023
2．1．2 HTML5基本結(jié)構(gòu)\t023
2．1．3 HTML5新增標(biāo)簽\t024
2．1．4 HTML5廢棄標(biāo)簽\t024
2．1．5 HTML5廢棄屬性\t025
2．1．6 基礎(chǔ)標(biāo)簽\t025
2．1．7 文本格式化標(biāo)簽\t027
任務(wù)實(shí)施\t032
任務(wù)2．2 “詩人與古詩大全”頁面制作\t034
任務(wù)目標(biāo)\t034
任務(wù)準(zhǔn)備\t034
2．2．1 有序列表\t034
2．2．2 無序列表\t035
2．2．3 定義列表\t035
任務(wù)實(shí)施\t036
任務(wù)2．3 “詩詞詳情”頁面制作\t039
任務(wù)目標(biāo)\t039
任務(wù)準(zhǔn)備\t039
2．3．1 圖像標(biāo)簽\t039
2．3．2 范圍標(biāo)簽span\t042
2．3．3 超鏈接標(biāo)簽a\t042
2．3．4 div標(biāo)簽\t044
任務(wù)實(shí)施\t044
項(xiàng)目總結(jié)\t048
項(xiàng)目3 表格與表單應(yīng)用\t049
項(xiàng)目概述\t049
項(xiàng)目導(dǎo)航\t049
任務(wù)3．1 制作校園學(xué)生論壇網(wǎng)站\t050
任務(wù)目標(biāo)\t050
任務(wù)準(zhǔn)備\t050
3．1．1 表格的基本語法\t050
3．1．2 跨行跨列\(zhòng)t061
任務(wù)實(shí)施\t063
任務(wù)3．2 制作論壇登錄頁面\t069
任務(wù)目標(biāo)\t069
任務(wù)準(zhǔn)備\t070
3．2．1 表單的基本語法\t070
3．2．2 基本元素介紹\t071
任務(wù)實(shí)施\t076
任務(wù)3．3 制作論壇注冊(cè)頁面\t079
任務(wù)目標(biāo)\t079
任務(wù)準(zhǔn)備\t079
3．3．1 ＜datalist＞元素\t079
3．3．2 HTML5新增input類型與屬性\t080
任務(wù)實(shí)施\t085
項(xiàng)目總結(jié)\t089
項(xiàng)目4 HTML5音視頻標(biāo)簽\t090
項(xiàng)目概述\t090
項(xiàng)目導(dǎo)航\t090
任務(wù)4．1 制作論壇音樂分區(qū)\t090
任務(wù)目標(biāo)\t090
任務(wù)準(zhǔn)備\t091
4．1．1 ＜audio＞標(biāo)簽\t091
4．1．2 ＜source＞標(biāo)簽\t091
任務(wù)實(shí)施\t092
任務(wù)4．2 制作論壇視頻欣賞分區(qū)\t095
任務(wù)目標(biāo)\t095
任務(wù)準(zhǔn)備\t095
4．2．1 ＜video＞標(biāo)簽\t095
4．2．2 ＜track＞標(biāo)簽\t097
任務(wù)實(shí)施\t098
項(xiàng)目總結(jié)\t102
項(xiàng)目5 CSS3基礎(chǔ)應(yīng)用\t103
項(xiàng)目概述\t103
項(xiàng)目導(dǎo)航\t103
任務(wù)5．1 CSS基本知識(shí)\t103
任務(wù)目標(biāo)\t103
任務(wù)準(zhǔn)備\t104
5．1．1 CSS樣式表創(chuàng)建\t104
5．1．2 基本語法\t106
任務(wù)實(shí)施\t107
任務(wù)5．2 選擇器\t109
任務(wù)目標(biāo)\t109
任務(wù)準(zhǔn)備\t109
5．2．1 常用選擇器\t109
5．2．2 CSS3新增選擇器\t114
任務(wù)實(shí)施\t120
項(xiàng)目總結(jié)\t129
項(xiàng)目6 CSS3美化網(wǎng)頁\t130
項(xiàng)目概述\t130
項(xiàng)目導(dǎo)航\t130
任務(wù)6．1 CSS核心屬性\t131
任務(wù)目標(biāo)\t131
任務(wù)準(zhǔn)備\t131
6．1．1 字體屬性\t131
6．1．2 文本屬性\t135
6．1．3 列表屬性\t139
6．1．4 文本溢出\t141
6．1．5 背景圖像\t145
6．1．6 類型轉(zhuǎn)換\t149
6．1．7 指針屬性\t151
任務(wù)實(shí)施\t152
任務(wù)6．2 浮動(dòng)與定位\t159
任務(wù)目標(biāo)\t159
任務(wù)準(zhǔn)備\t159
6．2．1 浮動(dòng)屬性\t159
6．2．2 定位屬性\t162
任務(wù)實(shí)施\t165
任務(wù)6．3 邊框?qū)傩診t168
任務(wù)目標(biāo)\t168
任務(wù)準(zhǔn)備\t168
6．3．1 盒子模型\t168
6．3．2 邊框?qū)傩診t172
任務(wù)實(shí)施\t179
任務(wù)6．4 自適應(yīng)屬性\t186
任務(wù)目標(biāo)\t186
任務(wù)準(zhǔn)備\t186
6．4．1 寬高自適應(yīng)\t186
6．4．2 屏幕自適應(yīng)\t188
任務(wù)實(shí)施\t189
項(xiàng)目總結(jié)\t195
項(xiàng)目7 CSS3過渡變形與動(dòng)畫\t196
項(xiàng)目概述\t196
項(xiàng)目導(dǎo)航\t196
任務(wù)7．1 CSS3過渡\t197
任務(wù)目標(biāo)\t197
任務(wù)準(zhǔn)備\t197
7．1．1 transition-property屬性\t197
7．1．2 transition-duration屬性\t197
7．1．3 transition-timing-function 屬性\t198
7．1．4 transition-delay屬性\t199
7．1．5 transition屬性\t200
任務(wù)實(shí)施\t202
任務(wù)7．2 CSS3變形\t206
任務(wù)目標(biāo)\t206
任務(wù)準(zhǔn)備\t207
7．2．1 transform屬性\t207
7．2．2 transform-origin屬性\t212
7．2．3 3D變形其他屬性\t214
任務(wù)實(shí)施\t215
任務(wù)7．3 動(dòng)畫\t224
任務(wù)目標(biāo)\t224
任務(wù)準(zhǔn)備\t224
7．3．1 @keyframes\t225
7．3．2 animation\t225
任務(wù)實(shí)施\t227
項(xiàng)目總結(jié)\t231
項(xiàng)目8 繪圖與數(shù)據(jù)存儲(chǔ)\t232
項(xiàng)目概述\t232
項(xiàng)目導(dǎo)航\t232
任務(wù)8．1 JavaScript概述\t232
任務(wù)目標(biāo)\t232
任務(wù)準(zhǔn)備\t233
8．1．1 JavaScript引入\t233
8．1．2 JavaScript基礎(chǔ)知識(shí)\t233
8．1．3 函數(shù)\t234
8．1．4 Document對(duì)象\t235
8．1．5 DOM事件機(jī)制\t238
任務(wù)實(shí)施\t239
任務(wù)8．2 Canvas\t246
任務(wù)目標(biāo)\t246
任務(wù)準(zhǔn)備\t246
8．2．1 Canvas概述\t246
8．2．2 Canvas繪制基本圖形\t247
8．2．3 繪制漸變圖形\t250
8．2．4 繪制變形圖形\t252
8．2．5 SVG\t253
任務(wù)實(shí)施\t254
任務(wù)8．3 數(shù)據(jù)存儲(chǔ)\t258
任務(wù)目標(biāo)\t258
任務(wù)準(zhǔn)備\t259
8．3．1 Cookie\t259
8．3．2 Web Storage\t259
任務(wù)實(shí)施\t260
項(xiàng)目總結(jié)\t262
參考文獻(xiàn)\t263