項目1 認識HTML5\t001
項目概述\t001
項目導航\t001
任務1.1 HTML5+CSS3網頁設計概述\t001
任務目標\t001
任務準備\t002
1.1.1 認識網頁\t002
1.1.2 HTML5簡介\t003
1.1.3 CSS層疊樣式表\t005
1.1.4 JavaScript簡介\t005
1.1.5 瀏覽器及瀏覽器內核\t006
任務1.2 網頁設計工具\t008
任務目標\t008
任務準備\t008
1.2.1 前端開發(fā)的工具\t008
1.2.2 WebStrom使用\t009
任務實施\t011
任務1.3 自適應網頁設計\t017
任務目標\t017
任務準備\t017
1.3.1 響應式布局設計\t017
1.3.2 響應式網頁部署\t018
任務實施\t019
項目總結\t021
項目2 使用HTML5基本標簽\t022
項目概述\t022
項目導航\t022
任務2.1 “古詩詞鑒賞”導航欄
頁面制作\t023
任務目標\t023
任務準備\t023
2.1.1 HTML文件的基本結構\t023
2.1.2 HTML5基本結構\t023
2.1.3 HTML5新增標簽\t024
2.1.4 HTML5廢棄標簽\t024
2.1.5 HTML5廢棄屬性\t025
2.1.6 基礎標簽\t025
2.1.7 文本格式化標簽\t027
任務實施\t032
任務2.2 “詩人與古詩大全”頁面制作\t034
任務目標\t034
任務準備\t034
2.2.1 有序列表\t034
2.2.2 無序列表\t035
2.2.3 定義列表\t035
任務實施\t036
任務2.3 “詩詞詳情”頁面制作\t039
任務目標\t039
任務準備\t039
2.3.1 圖像標簽\t039
2.3.2 范圍標簽span\t042
2.3.3 超鏈接標簽a\t042
2.3.4 div標簽\t044
任務實施\t044
項目總結\t048
項目3 表格與表單應用\t049
項目概述\t049
項目導航\t049
任務3.1 制作校園學生論壇網站\t050
任務目標\t050
任務準備\t050
3.1.1 表格的基本語法\t050
3.1.2 跨行跨列\(zhòng)t061
任務實施\t063
任務3.2 制作論壇登錄頁面\t069
任務目標\t069
任務準備\t070
3.2.1 表單的基本語法\t070
3.2.2 基本元素介紹\t071
任務實施\t076
任務3.3 制作論壇注冊頁面\t079
任務目標\t079
任務準備\t079
3.3.1 <datalist>元素\t079
3.3.2 HTML5新增input類型與屬性\t080
任務實施\t085
項目總結\t089
項目4 HTML5音視頻標簽\t090
項目概述\t090
項目導航\t090
任務4.1 制作論壇音樂分區(qū)\t090
任務目標\t090
任務準備\t091
4.1.1 <audio>標簽\t091
4.1.2 <source>標簽\t091
任務實施\t092
任務4.2 制作論壇視頻欣賞分區(qū)\t095
任務目標\t095
任務準備\t095
4.2.1 <video>標簽\t095
4.2.2 <track>標簽\t097
任務實施\t098
項目總結\t102
項目5 CSS3基礎應用\t103
項目概述\t103
項目導航\t103
任務5.1 CSS基本知識\t103
任務目標\t103
任務準備\t104
5.1.1 CSS樣式表創(chuàng)建\t104
5.1.2 基本語法\t106
任務實施\t107
任務5.2 選擇器\t109
任務目標\t109
任務準備\t109
5.2.1 常用選擇器\t109
5.2.2 CSS3新增選擇器\t114
任務實施\t120
項目總結\t129
項目6 CSS3美化網頁\t130
項目概述\t130
項目導航\t130
任務6.1 CSS核心屬性\t131
任務目標\t131
任務準備\t131
6.1.1 字體屬性\t131
6.1.2 文本屬性\t135
6.1.3 列表屬性\t139
6.1.4 文本溢出\t141
6.1.5 背景圖像\t145
6.1.6 類型轉換\t149
6.1.7 指針屬性\t151
任務實施\t152
任務6.2 浮動與定位\t159
任務目標\t159
任務準備\t159
6.2.1 浮動屬性\t159
6.2.2 定位屬性\t162
任務實施\t165
任務6.3 邊框屬性\t168
任務目標\t168
任務準備\t168
6.3.1 盒子模型\t168
6.3.2 邊框屬性\t172
任務實施\t179
任務6.4 自適應屬性\t186
任務目標\t186
任務準備\t186
6.4.1 寬高自適應\t186
6.4.2 屏幕自適應\t188
任務實施\t189
項目總結\t195
項目7 CSS3過渡變形與動畫\t196
項目概述\t196
項目導航\t196
任務7.1 CSS3過渡\t197
任務目標\t197
任務準備\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
任務實施\t202
任務7.2 CSS3變形\t206
任務目標\t206
任務準備\t207
7.2.1 transform屬性\t207
7.2.2 transform-origin屬性\t212
7.2.3 3D變形其他屬性\t214
任務實施\t215
任務7.3 動畫\t224
任務目標\t224
任務準備\t224
7.3.1 @keyframes\t225
7.3.2 animation\t225
任務實施\t227
項目總結\t231
項目8 繪圖與數據存儲\t232
項目概述\t232
項目導航\t232
任務8.1 JavaScript概述\t232
任務目標\t232
任務準備\t233
8.1.1 JavaScript引入\t233
8.1.2 JavaScript基礎知識\t233
8.1.3 函數\t234
8.1.4 Document對象\t235
8.1.5 DOM事件機制\t238
任務實施\t239
任務8.2 Canvas\t246
任務目標\t246
任務準備\t246
8.2.1 Canvas概述\t246
8.2.2 Canvas繪制基本圖形\t247
8.2.3 繪制漸變圖形\t250
8.2.4 繪制變形圖形\t252
8.2.5 SVG\t253
任務實施\t254
任務8.3 數據存儲\t258
任務目標\t258
任務準備\t259
8.3.1 Cookie\t259
8.3.2 Web Storage\t259
任務實施\t260
項目總結\t262
參考文獻\t263