Web前端技術(shù)項目式教程（HTML5+CSS3+Flex+Bootstrap)
定 價：46 元
- 作者：唐彩虹 張琳霞 曾浩
- 出版時間：2020/7/1
- ISBN：9787115534804
- 出 版 社：人民郵電出版社
- 中圖法分類：TP312.8
- 頁碼：220
- 紙張：
- 版次：01
- 開本：16開
本書以一個完整旅游公司網(wǎng)站的開發(fā)項目為主線，貫穿所有知識點，較為全面地介紹了Web前端開發(fā)中使用HTML5和CSS3標(biāo)準(zhǔn)化重構(gòu)網(wǎng)頁的技術(shù)。
全書共10個任務(wù)，包括初探Web前端技術(shù)、使用HTML5搭建旅游公司網(wǎng)站首頁結(jié)構(gòu)、使用DIV+CSS實現(xiàn)旅游公司網(wǎng)站首頁布局、使用CSS3美化超鏈接、使用CSS3制作導(dǎo)航、美化網(wǎng)頁、添加用戶交互界面——表單、使用Flex實現(xiàn)網(wǎng)頁響應(yīng)式布局、使用Bootstrap實現(xiàn)網(wǎng)頁響應(yīng)式布局、綜合練習(xí)——兒童玩具商城網(wǎng)站設(shè)計與制作等。每一任務(wù)都配有課后練習(xí)，幫助讀者及時鞏固所學(xué)知識；最后一章的綜合練習(xí)幫助讀者進(jìn)一步提升網(wǎng)頁設(shè)計與制作的技能實踐水平。
HTML5+CSS3+Flex+Bootstrap
項目任務(wù)式寫法，適合高職教學(xué)
軟件版本、技術(shù)最新
基于工作過程的教學(xué)思想
將一個典型旅游網(wǎng)站的實現(xiàn)過程分解成若干子任務(wù)
任務(wù)描述+知識引入+任務(wù)實現(xiàn)+任務(wù)拓展+任務(wù)小結(jié)+課后練習(xí)
靜態(tài)網(wǎng)頁設(shè)計與制作+響應(yīng)式網(wǎng)頁實現(xiàn)
唐彩虹，1980年2月22日出生，講師。2006年6月獲得暨南大學(xué)計算機(jī)軟件專業(yè)碩士學(xué)位，2006年7月至今任職于廣東輕工職業(yè)技術(shù)學(xué)院，擔(dān)任信息技術(shù)學(xué)院數(shù)字媒體技術(shù)專業(yè)專任教師，從教至今一直講授Web前端開發(fā)相關(guān)課程，指導(dǎo)學(xué)生實訓(xùn)和畢業(yè)設(shè)計，積累了豐富的授課經(jīng)驗，2012年起擔(dān)任《網(wǎng)頁制作》平臺課程負(fù)責(zé)人，先后主持多項校級科研和教改項目，發(fā)表科研和教改論文十余篇。
任務(wù)一 初探Web前端技術(shù) 1
任務(wù)描述 1
知識引入 1
1．網(wǎng)站、網(wǎng)頁和主頁 1
2．什么是Web和Web標(biāo)準(zhǔn) 4
3．Web前端技術(shù)的發(fā)展 4
4．搭建Web前端開發(fā)環(huán)境 5
5．Web頁面的基本結(jié)構(gòu) 6
6．瀏覽器兼容性 7
任務(wù)實現(xiàn)：動手編寫第 一個前端頁面 7
任務(wù)小結(jié) 10
課后練習(xí) 10
任務(wù)二 使用HTML5搭建旅游公司網(wǎng)站首頁結(jié)構(gòu) 11
任務(wù)描述 11
知識引入 11
1．HTML5的標(biāo)題、段落和文本格式化標(biāo)簽 11
2．HTML5的圖片標(biāo)簽 13
3．HTML5的列表標(biāo)簽 14
4．HTML5的超鏈接標(biāo)簽 15
5．HTML5的表格標(biāo)簽 17
6．傳統(tǒng)的布局標(biāo)簽
和 19
7．HTML5的各種語義化分段元素 19
任務(wù)實現(xiàn)：搭建旅游公司網(wǎng)站首頁結(jié)構(gòu) 22
1．規(guī)劃網(wǎng)站目錄結(jié)構(gòu) 22
2．分析首頁文檔結(jié)構(gòu) 22
3．構(gòu)建首頁結(jié)構(gòu) 22
4．添加網(wǎng)頁內(nèi)容 24
任務(wù)拓展：制作旅游公司網(wǎng)站二級頁面 32
任務(wù)小結(jié) 35
課后練習(xí) 35
任務(wù)三 使用DIV+CSS實現(xiàn)旅游公司網(wǎng)站首頁布局 36
任務(wù)描述 36
知識引入 36
1．CSS規(guī)則的基本語法 36
2．CSS選擇器 37
3．CSS規(guī)則的應(yīng)用方式 40
4．CSS的層疊和繼承 41
5．CSS盒子模型 43
6．CSS盒子的定位機(jī)制 46
7．DIV+CSS布局剖析 51
任務(wù)實現(xiàn)：使用DIV+CSS布局旅游公司首頁 55
1．新建CSS樣式表文件并應(yīng)用到網(wǎng)頁中 55
2．基礎(chǔ)樣式設(shè)置 55
3．頭部布局與定位 56
4．主體內(nèi)容.main_top區(qū)域布局與定位 56
5．主體內(nèi)容.main_middle區(qū)域布局與定位 58
6．主體內(nèi)容.main_bottom區(qū)域布局與定位 58
7．頁腳區(qū)域布局與定位 58
任務(wù)拓展：使用CSS實現(xiàn)旅游公司網(wǎng)站二級頁面“華陽湖景區(qū)”的布局結(jié)構(gòu) 59
任務(wù)小結(jié) 61
課后練習(xí) 61
任務(wù)四 使用CSS3美化超鏈接 62
任務(wù)描述 62
知識引入 62
1．超鏈接的基本屬性 62
2．CSS樣式偽類 63
3．鼠標(biāo)特效 64
任務(wù)實現(xiàn)：實現(xiàn)首頁中的超鏈接效果 66
1．設(shè)置首頁頭部導(dǎo)航條超鏈接樣式 66
2．設(shè)置尾部超鏈接樣式 68
任務(wù)拓展：實現(xiàn)二級頁面“華陽湖景區(qū)”的導(dǎo)航條鏈接 72
任務(wù)小結(jié) 73
課后練習(xí) 73
任務(wù)五 使用CSS3制作導(dǎo)航 74
任務(wù)描述 74
知識引入 74
1．列表符號 74
2．圖片符號 76
3．列表符號位置 77
任務(wù)實現(xiàn)：制作旅游公司網(wǎng)站首頁導(dǎo)航 79
1．水平排列導(dǎo)航條 79
2．編排頁面中間內(nèi)容區(qū)域 81
任務(wù)拓展：制作二級菜單和職位列表 84
1．制作二級菜單 84
2．制作職位列表 89
任務(wù)小結(jié) 93
課后練習(xí) 93
任務(wù)六 美化網(wǎng)頁 94
任務(wù)描述 94
知識引入 94
1．text-shadow 94
2．box-shadow 96
3．border-radius 99
4．background 101
5．opacity 102
6．Font Awesome字體圖標(biāo) 103
7．Animation動畫屬性 105
任務(wù)實現(xiàn)：美化旅游公司網(wǎng)站頁面 108
1．為網(wǎng)頁添加圖標(biāo) 108
2．為按鈕添加陰影 108
3．設(shè)置圖片透明度 109
任務(wù)拓展：利用阿里巴巴矢量圖標(biāo)庫制作購物車 110
任務(wù)小結(jié) 112
課后練習(xí) 113
任務(wù)七 添加用戶交互界面——表單 114
任務(wù)描述 114
知識引入 114
1．
書單推薦
