書馨卡幫你省薪 2024個人購書報告 2024中圖網(wǎng)年度報告
歡迎光臨中圖網(wǎng) 請 | 注冊
> >
Web前端開發(fā)項目化教程(第2版)

Web前端開發(fā)項目化教程(第2版)

作者：胡平
出版社：電子工業(yè)出版社出版時間：2021-03-01
開本： 16開 頁數(shù)： 260
中 圖 價:¥44.0(8.0折) 定價  ¥55.0 登錄后可看到會員價
加入購物車 收藏
運費6元，滿39元免運費
?新疆、西藏除外
本類五星書更多>

Web前端開發(fā)項目化教程(第2版) 版權(quán)信息

Web前端開發(fā)項目化教程(第2版) 內(nèi)容簡介

本書使用HTML5+CSS3技術(shù)，采用校企合作、校校合作方式編寫，注重培養(yǎng)學(xué)生的Web前端開發(fā)能力。全書分為8個項目。項目1～項目5是成長項目，案例中既有HTML+CSS的基礎(chǔ)技能，更著重介紹HTML5的新標(biāo)簽、CSS3的新屬性，包括浮動、定位、文本、背景、邊框、表單、多列布局、動畫、音視頻等內(nèi)容。這5個項目是Web前端的必要技能，也是必修內(nèi)容，滿足大多數(shù)院校的課程教學(xué)需要。在內(nèi)容設(shè)計上，將知識點融入項目開發(fā)的各個子任務(wù)中，讓學(xué)生邊學(xué)、邊操作、邊提高，其中項目5是采用響應(yīng)式布局的仿真項目。Web前端開發(fā)是教育部首批“1+X”職業(yè)技能等級證書之一，為使學(xué)生在提高操作技能的同時掌握必要的理論知識，本書附有職業(yè)技能客觀測試題目。項目6～項目8是選修或拓展內(nèi)容，供教師和學(xué)生按需選擇；其中項目6是實戰(zhàn)項目，由真實項目的開發(fā)者帶著讀者一起開發(fā)一個企業(yè)官網(wǎng)；項目7是提升項目，是一個移動端推廣項目；項目8是拓展的游戲開發(fā)項目，使用canvas技術(shù)制作飛機大戰(zhàn)游戲。

Web前端開發(fā)項目化教程(第2版) 目錄

項目1 簡單網(wǎng)頁設(shè)計 1
教學(xué)導(dǎo)航 1
項目描述 1
1．1 前端開發(fā)語言 2
1．1．1 認(rèn)識前端開發(fā)語言 2
1．1．2 開發(fā)環(huán)境 3
任務(wù)1-1 創(chuàng)建Web項目 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)之歌”頁面 16
1．3 CSS3常用的新增選擇器 22
任務(wù)1-3 給導(dǎo)航條添加CSS樣式 23
職業(yè)技能知識點考核1 27
1．4 浮動和定位 30
1．4．1 浮動 30
1．4．2 定位 33
任務(wù)1-4 制作網(wǎng)頁焦點圖 33
職業(yè)技能知識點考核2 37
1．5 HTML5常用的新增標(biāo)簽 38
任務(wù)1-5 制作一個常見問題答疑頁面 40
職業(yè)技能知識點考核3 42

項目2 文本類網(wǎng)頁設(shè)計 43
教學(xué)導(dǎo)航 43
項目描述 43
2．1 文本處理 44
2．1．1 文本陰影 44
2．1．2 溢出文本處理 45
任務(wù)2-1 制作網(wǎng)站新聞列表區(qū) 46
職業(yè)技能知識點考核4 49
2．2 特殊字體 49
任務(wù)2-2 制作白居易的《池上》頁面 50
2．3 表單 54
2．3．1 表單輸入類型 54
2．3．2 新的表單元素 56
2．3．3 新的表單屬性 56
任務(wù)2-3 制作學(xué)員信息頁 57
職業(yè)技能知識點考核5 63

項目3 圖像類網(wǎng)頁設(shè)計 65
教學(xué)導(dǎo)航 65
項目描述 65
3．1 背景 66
3．1．1 背景的定義 66
3．1．2 背景的原點位置 67
3．1．3 背景的顯示區(qū)域 69
3．1．4 背景圖像的大小 70
3．1．5 背景圖像的定位 71
任務(wù)3-1 制作信紙頁面 72
職業(yè)技能知識點考核6 77
3．2 邊框 78
3．2．1 圓角邊框 78
3．2．2 圖片邊框 80
3．2．3 漸變 82
任務(wù)3-2 制作風(fēng)景頁面 85
職業(yè)技能知識點考核7 91
3．3 盒陰影 91
3．3．1 盒子陰影 91
3．3．2 溢出處理 93
任務(wù)3-3 制作文明公約頁面 93
職業(yè)技能知識點考核8 96

項目4 媒體雜志類網(wǎng)頁設(shè)計 98
教學(xué)導(dǎo)航 98
項目描述 98
4．1 多列布局 99
任務(wù)4-1 制作電子雜志頁面 100
4．2 簡單動畫 106
4．2．1 元素的變形 106
4．2．2 元素的旋轉(zhuǎn) 106
4．2．3 元素的縮放和翻轉(zhuǎn) 107
4．2．4 元素的移動 108
4．2．5 同時使用多個變形函數(shù) 109
4．2．6 定義變形原點 110
4．2．7 過渡效果 110
任務(wù)4-2 制作滑動的導(dǎo)航條 112
任務(wù)4-3 制作照片墻頁面 115
職業(yè)技能知識點考核9 121
4．3 音頻和視頻 122
4．3．1 插入音頻 122
4．3．2 插入視頻 123
任務(wù)4-4 制作音頻頁面 123
職業(yè)技能知識點考核10 125

項目5　響應(yīng)式布局網(wǎng)站設(shè)計 126
教學(xué)導(dǎo)航 126
項目描述 126
5．1 響應(yīng)式網(wǎng)站首頁的制作 127
任務(wù)5-1 制作位置固定的導(dǎo)航條 127
任務(wù)5-2 制作響應(yīng)式網(wǎng)頁主體部分 132
任務(wù)5-3 制作兩欄式網(wǎng)頁尾部 138
5．2 項目整合 144
職業(yè)技能知識點考核11 145

項目6　企業(yè)官網(wǎng)設(shè)計 146
教學(xué)導(dǎo)航 146
項目描述 146
任務(wù)6-1 創(chuà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 首頁引入已編寫好的header 155
任務(wù)6-7 首頁引入已編寫好的footer 156
任務(wù)6-8 編寫首頁banner部分 157
任務(wù)6-9 編寫首頁兒童精品課模塊 160
任務(wù)6-10 編寫首頁父母充電站模塊 163
任務(wù)6-11 編寫首頁剩余部分 165
任務(wù)6-12 “關(guān)于我們”頁面引入公用部分 167
任務(wù)6-13 正式編寫“關(guān)于我們”頁面 167
任務(wù)6-14 “聯(lián)系我們”頁面前期準(zhǔn)備 168
任務(wù)6-15 正式編寫“聯(lián)系我們”頁面 169
任務(wù)6-16 收尾工作 172

項目7　移動端推廣項目制作 174
教學(xué)導(dǎo)航 174
項目描述 174
7．1 大圖輪播雛形――Swiper的使用方法 176
7．2 大圖輪播的修飾 180
7．3 大圖輪播的個性化設(shè)計――API文檔的使用 181
7．4 真正的大“圖”輪播――用圖片替換文字 183
7．5 設(shè)置動畫――Swiper Animate的使用方法 184
任務(wù)7-1　移動端推廣項目準(zhǔn)備工作 187
任務(wù)7-2　制作簡歷首頁 190
任務(wù)7-3　制作基本資料頁 193
任務(wù)7-4　制作榮譽頁 195
任務(wù)7-5　制作“我的技能”頁 197
任務(wù)7-6　制作“我的作品”頁 199
任務(wù)7-7　制作尾頁 199
7．6　代碼匯總 200
項目擴展 204

項目8　使用canvas制作飛機大戰(zhàn)游戲 205
教學(xué)導(dǎo)航 205
項目描述 205
8．1 canvas簡介 206
8．2 canvas元素知識 207
8．3 canvas繪圖基礎(chǔ) 208
8．4 canvas動畫基礎(chǔ) 213
8．5 動畫中的碰撞檢測 215
任務(wù)8-1 游戲功能分析 219
任務(wù)8-2 圖片預(yù)加載 220
任務(wù)8-3 繪制滾動背景圖 222
任務(wù)8-4 創(chuàng)建英雄機對象 224
任務(wù)8-5 繪制子彈 226
任務(wù)8-6 監(jiān)聽鍵盤事件控制英雄機方向 232
任務(wù)8-7 繪制敵機 237
參考文獻(xiàn) 251
展開全部
商品評論(0條)
暫無評論……
書友推薦
本類暢銷
編輯推薦
返回頂部
中圖網(wǎng)
在線客服