《Web前端技術項目式教程(HTML5+CSS3+Flex+Bootstrap)》是2020年7月人民郵電出版社出版的圖書,作者是唐彩虹,張琳霞,曾浩。
基本介紹
- 中文名:Web前端技術項目式教程(HTML5+CSS3+Flex+Bootstrap)
- 作者:唐彩虹,張琳霞,曾浩
- 出版社:人民郵電出版社
- 出版時間:2020年7月
- 頁數:220 頁
- 定價:46 元
- 開本:16 開
- 裝幀:平裝
- ISBN:9787115534804
內容簡介,圖書目錄,作者簡介,
內容簡介
本書以一個完整旅遊公司網站的開發項目為主線,貫穿所有知識點,較為全面地介紹了Web前端開發中使用HTML5和CSS3標準化重構網頁的技術。
全書共10個任務,包括初探Web前端技術、使用HTML5搭建旅遊公司網站首頁結構、使用DIV+CSS實現旅遊公司網站首頁布局、使用CSS3美化超連結、使用CSS3製作導航、美化網頁、添加用戶互動界面——表單、使用Flex實現網頁回響式布局、使用Bootstrap實現網頁回響式布局、綜合練習——兒童玩具商城網站設計與製作等。每一任務都配有課後練習,幫助讀者及時鞏固所學知識;最後一章的綜合練習幫助讀者進一步提升網頁設計與製作的技能實踐水平。
圖書目錄
任務一 初探Web前端技術 1
任務描述 1
知識引入 1
1.網站、網頁和主頁 1
2.什麼是Web和Web標準 4
3.Web前端技術的發展 4
4.搭建Web前端開發環境 5
5.Web頁面的基本結構 6
6.瀏覽器兼容性 7
任務實現:動手編寫第 一個前端頁面 7
任務小結 10
課後練習 10
任務二 使用HTML5搭建旅遊公司網站首頁結構 11
任務描述 11
知識引入 11
1.HTML5的標題、段落和文本格式化標籤 11
2.HTML5的圖片標籤 13
3.HTML5的列表標籤 14
4.HTML5的超連結標籤 15
5.HTML5的表格標籤 17
6.傳統的布局標籤
和 19
7.HTML5的各種語義化分段元素 19
任務實現:搭建旅遊公司網站首頁結構 22
1.規劃網站目錄結構 22
2.分析首頁文檔結構 22
3.構建首頁結構 22
4.添加網頁內容 24
任務拓展:製作旅遊公司網站二級頁面 32
任務小結 35
課後練習 35
任務三 使用DIV+CSS實現旅遊公司網站首頁布局 36
任務描述 36
知識引入 36
1.CSS規則的基本語法 36
2.CSS選擇器 37
3.CSS規則的套用方式 40
4.CSS的層疊和繼承 41
5.CSS盒子模型 43
6.CSS盒子的定位機制 46
7.DIV+CSS布局剖析 51
任務實現:使用DIV+CSS布局旅遊公司首頁 55
1.新建CSS樣式表檔案並套用到網頁中 55
2.基礎樣式設定 55
3.頭部布局與定位 56
4.主體內容.main_top區域布局與定位 56
5.主體內容.main_middle區域布局與定位 58
6.主體內容.main_bottom區域布局與定位 58
7.頁腳區域布局與定位 58
任務拓展:使用CSS實現旅遊公司網站二級頁面“華陽湖景區”的布局結構 59
任務小結 61
課後練習 61
任務四 使用CSS3美化超連結 62
任務描述 62
知識引入 62
1.超連結的基本屬性 62
2.CSS樣式偽類 63
3.滑鼠特效 64
任務實現:實現首頁中的超連結效果 66
1.設定首頁頭部導航條超連結樣式 66
2.設定尾部超連結樣式 68
任務拓展:實現二級頁面“華陽湖景區”的導航條連結 72
任務小結 73
課後練習 73
任務五 使用CSS3製作導航 74
任務描述 74
知識引入 74
1.列表符號 74
2.圖片符號 76
3.列表符號位置 77
任務實現:製作旅遊公司網站首頁導航 79
1.水平排列導航條 79
2.編排頁面中間內容區域 81
任務拓展:製作二級選單和職位列表 84
1.製作二級選單 84
2.製作職位列表 89
任務小結 93
課後練習 93
任務六 美化網頁 94
任務描述 94
知識引入 94
1.text-shadow 94
2.box-shadow 96
3.border-radius 99
作者簡介
唐彩虹,1980年2月22日出生,講師。2006年6月獲得暨南大學計算機軟體專業碩士學位,2006年7月至今任職於廣東輕工職業技術學院,擔任信息技術學院數字媒體技術專業專任教師,從教至今一直講授Web前端開發相關課程,指導學生實訓和畢業設計,積累了豐富的授課經驗,2012年起擔任《網頁製作》平台課程負責人,先後主持多項校級科研和教改項目,發表科研和教改論文十餘篇。