Web前端技術項目式教程(HTML5+CSS3+Flex+Bootstrap)

內容簡介

本書以一個完整旅遊公司網站的開漏汗夜發項目為主線，貫穿所有知識點，較為全面地介紹了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年起擔任《網頁製作》平台課程負責人，先後主持多項校級科研和教改項目，發表科研和教改論文十餘篇。

Web前端技術項目式教程(HTML5+CSS3+Flex+Bootstrap)

基本介紹

內容簡介

圖書目錄

作者簡介

作者簡介

相關詞條

熱門詞條