中圖網(wǎng)小程序
一鍵登錄
更方便
本類五星書更多>
-
>
全國(guó)計(jì)算機(jī)等級(jí)考試最新真考題庫(kù)模擬考場(chǎng)及詳解·二級(jí)MSOffice高級(jí)應(yīng)用
-
>
決戰(zhàn)行測(cè)5000題(言語(yǔ)理解與表達(dá))
-
>
軟件性能測(cè)試.分析與調(diào)優(yōu)實(shí)踐之路
-
>
第一行代碼Android
-
>
JAVA持續(xù)交付
-
>
EXCEL最強(qiáng)教科書(完全版)(全彩印刷)
-
>
深度學(xué)習(xí)
中圖價(jià):¥28.0
加入購(gòu)物車
Web前端開發(fā)項(xiàng)目化教程(第2版) 版權(quán)信息
- ISBN：9787121381256
- 條形碼：9787121381256 ; 978-7-121-38125-6
- 裝幀：一般膠版紙
- 冊(cè)數(shù)：暫無(wú)
- 重量：暫無(wú)
- 所屬分類：>
Web前端開發(fā)項(xiàng)目化教程(第2版) 內(nèi)容簡(jiǎn)介
本書使用HTML5+CSS3技術(shù)，采用校企合作、校校合作方式編寫，注重培養(yǎng)學(xué)生的Web前端開發(fā)能力。全書分為8個(gè)項(xiàng)目。項(xiàng)目1～項(xiàng)目5是成長(zhǎng)項(xiàng)目，案例中既有HTML+CSS的基礎(chǔ)技能，更著重介紹HTML5的新標(biāo)簽、CSS3的新屬性，包括浮動(dòng)、定位、文本、背景、邊框、表單、多列布局、動(dòng)畫、音視頻等內(nèi)容。這5個(gè)項(xiàng)目是Web前端的必要技能，也是必修內(nèi)容，滿足大多數(shù)院校的課程教學(xué)需要。在內(nèi)容設(shè)計(jì)上，將知識(shí)點(diǎn)融入項(xiàng)目開發(fā)的各個(gè)子任務(wù)中，讓學(xué)生邊學(xué)、邊操作、邊提高，其中項(xiàng)目5是采用響應(yīng)式布局的仿真項(xiàng)目。Web前端開發(fā)是教育部首批“1+X”職業(yè)技能等級(jí)證書之一，為使學(xué)生在提高操作技能的同時(shí)掌握必要的理論知識(shí)，本書附有職業(yè)技能客觀測(cè)試題目。項(xiàng)目6～項(xiàng)目8是選修或拓展內(nèi)容，供教師和學(xué)生按需選擇；其中項(xiàng)目6是實(shí)戰(zhàn)項(xiàng)目，由真實(shí)項(xiàng)目的開發(fā)者帶著讀者一起開發(fā)一個(gè)企業(yè)官網(wǎng)；項(xiàng)目7是提升項(xiàng)目，是一個(gè)移動(dòng)端推廣項(xiàng)目；項(xiàng)目8是拓展的游戲開發(fā)項(xiàng)目，使用canvas技術(shù)制作飛機(jī)大戰(zhàn)游戲。
Web前端開發(fā)項(xiàng)目化教程(第2版) 目錄
項(xiàng)目1 簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì) 1
教學(xué)導(dǎo)航 1
項(xiàng)目描述 1
1．1 前端開發(fā)語(yǔ)言 2
1．1．1 認(rèn)識(shí)前端開發(fā)語(yǔ)言 2
1．1．2 開發(fā)環(huán)境 3
任務(wù)1-1 創(chuàng)建Web項(xiàng)目 6
1．2 HTML和CSS基礎(chǔ) 11
1．2．1 HTML常用標(biāo)簽 11
1．2．2 CSS基礎(chǔ)選擇器 12
1．2．3 常用CSS樣式 14
1．2．4 盒模型 16
任務(wù)1-2 制作“五環(huán)之歌”頁(yè)面 16
1．3 CSS3常用的新增選擇器 22
任務(wù)1-3 給導(dǎo)航條添加CSS樣式 23
職業(yè)技能知識(shí)點(diǎn)考核1 27
1．4 浮動(dòng)和定位 30
1．4．1 浮動(dòng) 30
1．4．2 定位 33
任務(wù)1-4 制作網(wǎng)頁(yè)焦點(diǎn)圖 33
職業(yè)技能知識(shí)點(diǎn)考核2 37
1．5 HTML5常用的新增標(biāo)簽 38
任務(wù)1-5 制作一個(gè)常見問題答疑頁(yè)面 40
職業(yè)技能知識(shí)點(diǎn)考核3 42
項(xiàng)目2 文本類網(wǎng)頁(yè)設(shè)計(jì) 43
教學(xué)導(dǎo)航 43
項(xiàng)目描述 43
2．1 文本處理 44
2．1．1 文本陰影 44
2．1．2 溢出文本處理 45
任務(wù)2-1 制作網(wǎng)站新聞列表區(qū) 46
職業(yè)技能知識(shí)點(diǎn)考核4 49
2．2 特殊字體 49
任務(wù)2-2 制作白居易的《池上》頁(yè)面 50
2．3 表單 54
2．3．1 表單輸入類型 54
2．3．2 新的表單元素 56
2．3．3 新的表單屬性 56
任務(wù)2-3 制作學(xué)員信息頁(yè) 57
職業(yè)技能知識(shí)點(diǎn)考核5 63
項(xiàng)目3 圖像類網(wǎng)頁(yè)設(shè)計(jì) 65
教學(xué)導(dǎo)航 65
項(xiàng)目描述 65
3．1 背景 66
3．1．1 背景的定義 66
3．1．2 背景的原點(diǎn)位置 67
3．1．3 背景的顯示區(qū)域 69
3．1．4 背景圖像的大小 70
3．1．5 背景圖像的定位 71
任務(wù)3-1 制作信紙頁(yè)面 72
職業(yè)技能知識(shí)點(diǎn)考核6 77
3．2 邊框 78
3．2．1 圓角邊框 78
3．2．2 圖片邊框 80
3．2．3 漸變 82
任務(wù)3-2 制作風(fēng)景頁(yè)面 85
職業(yè)技能知識(shí)點(diǎn)考核7 91
3．3 盒陰影 91
3．3．1 盒子陰影 91
3．3．2 溢出處理 93
任務(wù)3-3 制作文明公約頁(yè)面 93
職業(yè)技能知識(shí)點(diǎn)考核8 96
項(xiàng)目4 媒體雜志類網(wǎng)頁(yè)設(shè)計(jì) 98
教學(xué)導(dǎo)航 98
項(xiàng)目描述 98
4．1 多列布局 99
任務(wù)4-1 制作電子雜志頁(yè)面 100
4．2 簡(jiǎn)單動(dòng)畫 106
4．2．1 元素的變形 106
4．2．2 元素的旋轉(zhuǎn) 106
4．2．3 元素的縮放和翻轉(zhuǎn) 107
4．2．4 元素的移動(dòng) 108
4．2．5 同時(shí)使用多個(gè)變形函數(shù) 109
4．2．6 定義變形原點(diǎn) 110
4．2．7 過(guò)渡效果 110
任務(wù)4-2 制作滑動(dòng)的導(dǎo)航條 112
任務(wù)4-3 制作照片墻頁(yè)面 115
職業(yè)技能知識(shí)點(diǎn)考核9 121
4．3 音頻和視頻 122
4．3．1 插入音頻 122
4．3．2 插入視頻 123
任務(wù)4-4 制作音頻頁(yè)面 123
職業(yè)技能知識(shí)點(diǎn)考核10 125
項(xiàng)目5 響應(yīng)式布局網(wǎng)站設(shè)計(jì) 126
教學(xué)導(dǎo)航 126
項(xiàng)目描述 126
5．1 響應(yīng)式網(wǎng)站首頁(yè)的制作 127
任務(wù)5-1 制作位置固定的導(dǎo)航條 127
任務(wù)5-2 制作響應(yīng)式網(wǎng)頁(yè)主體部分 132
任務(wù)5-3 制作兩欄式網(wǎng)頁(yè)尾部 138
5．2 項(xiàng)目整合 144
職業(yè)技能知識(shí)點(diǎn)考核11 145
項(xiàng)目6 企業(yè)官網(wǎng)設(shè)計(jì) 146
教學(xué)導(dǎo)航 146
項(xiàng)目描述 146
任務(wù)6-1 創(chuàng)建項(xiàng)目 147
任務(wù)6-2 觀察效果圖 148
任務(wù)6-3 編寫初始化CSS樣式 149
任務(wù)6-4 編寫可復(fù)用的header 149
任務(wù)6-5 編寫可復(fù)用的footer 151
任務(wù)6-6 首頁(yè)引入已編寫好的header 155
任務(wù)6-7 首頁(yè)引入已編寫好的footer 156
任務(wù)6-8 編寫首頁(yè)banner部分 157
任務(wù)6-9 編寫首頁(yè)兒童精品課模塊 160
任務(wù)6-10 編寫首頁(yè)父母充電站模塊 163
任務(wù)6-11 編寫首頁(yè)剩余部分 165
任務(wù)6-12 “關(guān)于我們”頁(yè)面引入公用部分 167
任務(wù)6-13 正式編寫“關(guān)于我們”頁(yè)面 167
任務(wù)6-14 “聯(lián)系我們”頁(yè)面前期準(zhǔn)備 168
任務(wù)6-15 正式編寫“聯(lián)系我們”頁(yè)面 169
任務(wù)6-16 收尾工作 172
項(xiàng)目7 移動(dòng)端推廣項(xiàng)目制作 174
教學(xué)導(dǎo)航 174
項(xiàng)目描述 174
7．1 大圖輪播雛形――Swiper的使用方法 176
7．2 大圖輪播的修飾 180
7．3 大圖輪播的個(gè)性化設(shè)計(jì)――API文檔的使用 181
7．4 真正的大“圖”輪播――用圖片替換文字 183
7．5 設(shè)置動(dòng)畫――Swiper Animate的使用方法 184
任務(wù)7-1 移動(dòng)端推廣項(xiàng)目準(zhǔn)備工作 187
任務(wù)7-2 制作簡(jiǎn)歷首頁(yè) 190
任務(wù)7-3 制作基本資料頁(yè) 193
任務(wù)7-4 制作榮譽(yù)頁(yè) 195
任務(wù)7-5 制作“我的技能”頁(yè) 197
任務(wù)7-6 制作“我的作品”頁(yè) 199
任務(wù)7-7 制作尾頁(yè) 199
7．6 代碼匯總 200
項(xiàng)目擴(kuò)展 204
項(xiàng)目8 使用canvas制作飛機(jī)大戰(zhàn)游戲 205
教學(xué)導(dǎo)航 205
項(xiàng)目描述 205
8．1 canvas簡(jiǎn)介 206
8．2 canvas元素知識(shí) 207
8．3 canvas繪圖基礎(chǔ) 208
8．4 canvas動(dòng)畫基礎(chǔ) 213
8．5 動(dòng)畫中的碰撞檢測(cè) 215
任務(wù)8-1 游戲功能分析 219
任務(wù)8-2 圖片預(yù)加載 220
任務(wù)8-3 繪制滾動(dòng)背景圖 222
任務(wù)8-4 創(chuàng)建英雄機(jī)對(duì)象 224
任務(wù)8-5 繪制子彈 226
任務(wù)8-6 監(jiān)聽鍵盤事件控制英雄機(jī)方向 232
任務(wù)8-7 繪制敵機(jī) 237
參考文獻(xiàn) 251
教學(xué)導(dǎo)航 1
項(xiàng)目描述 1
1．1 前端開發(fā)語(yǔ)言 2
1．1．1 認(rèn)識(shí)前端開發(fā)語(yǔ)言 2
1．1．2 開發(fā)環(huán)境 3
任務(wù)1-1 創(chuàng)建Web項(xiàng)目 6
1．2 HTML和CSS基礎(chǔ) 11
1．2．1 HTML常用標(biāo)簽 11
1．2．2 CSS基礎(chǔ)選擇器 12
1．2．3 常用CSS樣式 14
1．2．4 盒模型 16
任務(wù)1-2 制作“五環(huán)之歌”頁(yè)面 16
1．3 CSS3常用的新增選擇器 22
任務(wù)1-3 給導(dǎo)航條添加CSS樣式 23
職業(yè)技能知識(shí)點(diǎn)考核1 27
1．4 浮動(dòng)和定位 30
1．4．1 浮動(dòng) 30
1．4．2 定位 33
任務(wù)1-4 制作網(wǎng)頁(yè)焦點(diǎn)圖 33
職業(yè)技能知識(shí)點(diǎn)考核2 37
1．5 HTML5常用的新增標(biāo)簽 38
任務(wù)1-5 制作一個(gè)常見問題答疑頁(yè)面 40
職業(yè)技能知識(shí)點(diǎn)考核3 42
項(xiàng)目2 文本類網(wǎng)頁(yè)設(shè)計(jì) 43
教學(xué)導(dǎo)航 43
項(xiàng)目描述 43
2．1 文本處理 44
2．1．1 文本陰影 44
2．1．2 溢出文本處理 45
任務(wù)2-1 制作網(wǎng)站新聞列表區(qū) 46
職業(yè)技能知識(shí)點(diǎn)考核4 49
2．2 特殊字體 49
任務(wù)2-2 制作白居易的《池上》頁(yè)面 50
2．3 表單 54
2．3．1 表單輸入類型 54
2．3．2 新的表單元素 56
2．3．3 新的表單屬性 56
任務(wù)2-3 制作學(xué)員信息頁(yè) 57
職業(yè)技能知識(shí)點(diǎn)考核5 63
項(xiàng)目3 圖像類網(wǎng)頁(yè)設(shè)計(jì) 65
教學(xué)導(dǎo)航 65
項(xiàng)目描述 65
3．1 背景 66
3．1．1 背景的定義 66
3．1．2 背景的原點(diǎn)位置 67
3．1．3 背景的顯示區(qū)域 69
3．1．4 背景圖像的大小 70
3．1．5 背景圖像的定位 71
任務(wù)3-1 制作信紙頁(yè)面 72
職業(yè)技能知識(shí)點(diǎn)考核6 77
3．2 邊框 78
3．2．1 圓角邊框 78
3．2．2 圖片邊框 80
3．2．3 漸變 82
任務(wù)3-2 制作風(fēng)景頁(yè)面 85
職業(yè)技能知識(shí)點(diǎn)考核7 91
3．3 盒陰影 91
3．3．1 盒子陰影 91
3．3．2 溢出處理 93
任務(wù)3-3 制作文明公約頁(yè)面 93
職業(yè)技能知識(shí)點(diǎn)考核8 96
項(xiàng)目4 媒體雜志類網(wǎng)頁(yè)設(shè)計(jì) 98
教學(xué)導(dǎo)航 98
項(xiàng)目描述 98
4．1 多列布局 99
任務(wù)4-1 制作電子雜志頁(yè)面 100
4．2 簡(jiǎn)單動(dòng)畫 106
4．2．1 元素的變形 106
4．2．2 元素的旋轉(zhuǎn) 106
4．2．3 元素的縮放和翻轉(zhuǎn) 107
4．2．4 元素的移動(dòng) 108
4．2．5 同時(shí)使用多個(gè)變形函數(shù) 109
4．2．6 定義變形原點(diǎn) 110
4．2．7 過(guò)渡效果 110
任務(wù)4-2 制作滑動(dòng)的導(dǎo)航條 112
任務(wù)4-3 制作照片墻頁(yè)面 115
職業(yè)技能知識(shí)點(diǎn)考核9 121
4．3 音頻和視頻 122
4．3．1 插入音頻 122
4．3．2 插入視頻 123
任務(wù)4-4 制作音頻頁(yè)面 123
職業(yè)技能知識(shí)點(diǎn)考核10 125
項(xiàng)目5 響應(yīng)式布局網(wǎng)站設(shè)計(jì) 126
教學(xué)導(dǎo)航 126
項(xiàng)目描述 126
5．1 響應(yīng)式網(wǎng)站首頁(yè)的制作 127
任務(wù)5-1 制作位置固定的導(dǎo)航條 127
任務(wù)5-2 制作響應(yīng)式網(wǎng)頁(yè)主體部分 132
任務(wù)5-3 制作兩欄式網(wǎng)頁(yè)尾部 138
5．2 項(xiàng)目整合 144
職業(yè)技能知識(shí)點(diǎn)考核11 145
項(xiàng)目6 企業(yè)官網(wǎng)設(shè)計(jì) 146
教學(xué)導(dǎo)航 146
項(xiàng)目描述 146
任務(wù)6-1 創(chuàng)建項(xiàng)目 147
任務(wù)6-2 觀察效果圖 148
任務(wù)6-3 編寫初始化CSS樣式 149
任務(wù)6-4 編寫可復(fù)用的header 149
任務(wù)6-5 編寫可復(fù)用的footer 151
任務(wù)6-6 首頁(yè)引入已編寫好的header 155
任務(wù)6-7 首頁(yè)引入已編寫好的footer 156
任務(wù)6-8 編寫首頁(yè)banner部分 157
任務(wù)6-9 編寫首頁(yè)兒童精品課模塊 160
任務(wù)6-10 編寫首頁(yè)父母充電站模塊 163
任務(wù)6-11 編寫首頁(yè)剩余部分 165
任務(wù)6-12 “關(guān)于我們”頁(yè)面引入公用部分 167
任務(wù)6-13 正式編寫“關(guān)于我們”頁(yè)面 167
任務(wù)6-14 “聯(lián)系我們”頁(yè)面前期準(zhǔn)備 168
任務(wù)6-15 正式編寫“聯(lián)系我們”頁(yè)面 169
任務(wù)6-16 收尾工作 172
項(xiàng)目7 移動(dòng)端推廣項(xiàng)目制作 174
教學(xué)導(dǎo)航 174
項(xiàng)目描述 174
7．1 大圖輪播雛形――Swiper的使用方法 176
7．2 大圖輪播的修飾 180
7．3 大圖輪播的個(gè)性化設(shè)計(jì)――API文檔的使用 181
7．4 真正的大“圖”輪播――用圖片替換文字 183
7．5 設(shè)置動(dòng)畫――Swiper Animate的使用方法 184
任務(wù)7-1 移動(dòng)端推廣項(xiàng)目準(zhǔn)備工作 187
任務(wù)7-2 制作簡(jiǎn)歷首頁(yè) 190
任務(wù)7-3 制作基本資料頁(yè) 193
任務(wù)7-4 制作榮譽(yù)頁(yè) 195
任務(wù)7-5 制作“我的技能”頁(yè) 197
任務(wù)7-6 制作“我的作品”頁(yè) 199
任務(wù)7-7 制作尾頁(yè) 199
7．6 代碼匯總 200
項(xiàng)目擴(kuò)展 204
項(xiàng)目8 使用canvas制作飛機(jī)大戰(zhàn)游戲 205
教學(xué)導(dǎo)航 205
項(xiàng)目描述 205
8．1 canvas簡(jiǎn)介 206
8．2 canvas元素知識(shí) 207
8．3 canvas繪圖基礎(chǔ) 208
8．4 canvas動(dòng)畫基礎(chǔ) 213
8．5 動(dòng)畫中的碰撞檢測(cè) 215
任務(wù)8-1 游戲功能分析 219
任務(wù)8-2 圖片預(yù)加載 220
任務(wù)8-3 繪制滾動(dòng)背景圖 222
任務(wù)8-4 創(chuàng)建英雄機(jī)對(duì)象 224
任務(wù)8-5 繪制子彈 226
任務(wù)8-6 監(jiān)聽鍵盤事件控制英雄機(jī)方向 232
任務(wù)8-7 繪制敵機(jī) 237
參考文獻(xiàn) 251
展開全部
書友推薦
- >
推拿
- >
【精裝繪本】畫給孩子的中國(guó)神話
- >
朝聞道
- >
隨園食單
- >
人文閱讀與收藏·良友文學(xué)叢書:一天的工作
- >
我與地壇
- >
中國(guó)人在烏蘇里邊疆區(qū):歷史與人類學(xué)概述
- >
伯納黛特,你要去哪(2021新版)
本類暢銷
