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