HTML5+CSS3項目開發(fā)實戰(zhàn)（第2版）

項目1 認(rèn)識HTML5\t001
項目概述\t001
項目導(dǎo)航\t001
任務(wù)1．1 HTML5+CSS3網(wǎng)頁設(shè)計概述\t001
任務(wù)目標(biāo)\t001
任務(wù)準(zhǔn)備\t002
1．1．1 認(rèn)識網(wǎng)頁\t002
1．1．2 HTML5簡介\t003
1．1．3 CSS層疊樣式表\t005
1．1．4 JavaScript簡介\t005
1．1．5 瀏覽器及瀏覽器內(nèi)核\t006
任務(wù)1．2 網(wǎng)頁設(shè)計工具\t008
任務(wù)目標(biāo)\t008
任務(wù)準(zhǔn)備\t008
1．2．1 前端開發(fā)的工具\t008
1．2．2 WebStrom使用\t009
任務(wù)實施\t011
任務(wù)1．3 自適應(yīng)網(wǎng)頁設(shè)計\t017
任務(wù)目標(biāo)\t017
任務(wù)準(zhǔn)備\t017
1．3．1 響應(yīng)式布局設(shè)計\t017
1．3．2 響應(yīng)式網(wǎng)頁部署\t018
任務(wù)實施\t019
項目總結(jié)\t021
項目2 使用HTML5基本標(biāo)簽\t022
項目概述\t022
項目導(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ù)實施\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ù)實施\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ù)實施\t044
項目總結(jié)\t048
項目3 表格與表單應(yīng)用\t049
項目概述\t049
項目導(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ù)實施\t063
任務(wù)3．2 制作論壇登錄頁面\t069
任務(wù)目標(biāo)\t069
任務(wù)準(zhǔn)備\t070
3．2．1 表單的基本語法\t070
3．2．2 基本元素介紹\t071
任務(wù)實施\t076
任務(wù)3．3 制作論壇注冊頁面\t079
任務(wù)目標(biāo)\t079
任務(wù)準(zhǔn)備\t079
3．3．1 ＜datalist＞元素\t079
3．3．2 HTML5新增input類型與屬性\t080
任務(wù)實施\t085
項目總結(jié)\t089
項目4 HTML5音視頻標(biāo)簽\t090
項目概述\t090
項目導(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ù)實施\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ù)實施\t098
項目總結(jié)\t102
項目5 CSS3基礎(chǔ)應(yīng)用\t103
項目概述\t103
項目導(dǎo)航\t103
任務(wù)5．1 CSS基本知識\t103
任務(wù)目標(biāo)\t103
任務(wù)準(zhǔn)備\t104
5．1．1 CSS樣式表創(chuàng)建\t104
5．1．2 基本語法\t106
任務(wù)實施\t107
任務(wù)5．2 選擇器\t109
任務(wù)目標(biāo)\t109
任務(wù)準(zhǔn)備\t109
5．2．1 常用選擇器\t109
5．2．2 CSS3新增選擇器\t114
任務(wù)實施\t120
項目總結(jié)\t129
項目6 CSS3美化網(wǎng)頁\t130
項目概述\t130
項目導(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ù)實施\t152
任務(wù)6．2 浮動與定位\t159
任務(wù)目標(biāo)\t159
任務(wù)準(zhǔn)備\t159
6．2．1 浮動屬性\t159
6．2．2 定位屬性\t162
任務(wù)實施\t165
任務(wù)6．3 邊框?qū)傩診t168
任務(wù)目標(biāo)\t168
任務(wù)準(zhǔn)備\t168
6．3．1 盒子模型\t168
6．3．2 邊框?qū)傩診t172
任務(wù)實施\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ù)實施\t189
項目總結(jié)\t195
項目7 CSS3過渡變形與動畫\t196
項目概述\t196
項目導(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ù)實施\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ù)實施\t215
任務(wù)7．3 動畫\t224
任務(wù)目標(biāo)\t224
任務(wù)準(zhǔn)備\t224
7．3．1 @keyframes\t225
7．3．2 animation\t225
任務(wù)實施\t227
項目總結(jié)\t231
項目8 繪圖與數(shù)據(jù)存儲\t232
項目概述\t232
項目導(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ǔ)知識\t233
8．1．3 函數(shù)\t234
8．1．4 Document對象\t235
8．1．5 DOM事件機制\t238
任務(wù)實施\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ù)實施\t254
任務(wù)8．3 數(shù)據(jù)存儲\t258
任務(wù)目標(biāo)\t258
任務(wù)準(zhǔn)備\t259
8．3．1 Cookie\t259
8．3．2 Web Storage\t259
任務(wù)實施\t260
項目總結(jié)\t262
參考文獻(xiàn)\t263