項目1Web前端技術基礎1
任務1.1Web簡介2
任務1.2互聯網基礎3
任務1.3網站的分類7
任務1.4網站的開發流程16
任務1.5Web前端開發工具19
項目2HTML5應用27
任務2.1創建個HTML5頁面——珠海航展首頁28
任務2.2文本排版與格式——珠海航展知識32
任務2.3項目列表——航展新聞列表35
任務2.4超級鏈接——航展新聞列表36
任務2.5表格和圖片設置——航展精彩圖集38
任務2.6表單注冊——航展注冊頁面41
任務2.7HTML5新功能應用——航展交流互動43
項目3CSS樣式基礎49
任務3.1使用CSS樣式修飾文本——珠海航展知識49
任務3.2設置超鏈接樣式——航展新聞列表64
任務3.3修飾圖像、表格和背景——航展精彩圖集67
項目4CSS3新增選擇器和屬性71
任務4.1CSS3新增選擇器——航展區地圖71
任務4.2CSS3新增屬性——航展飛行表演77
項目5盒子模型89
任務5.1認識盒子模型90
任務5.2盒子模型相關屬性93
任務素的類型與轉換107
任務5.4外邊距合並115
項目6制作珠海航展首頁121
任務6.1珠海航展首頁布局結構121
任務6.2制作珠海航空展首頁141
項目7開發網上商城首頁163
任務7.1項目規劃163
任務7.2制作GK商城網站首頁166
參考文獻194

本書以“Web前端開發職業技能等級標準”為編寫依據，在編寫過程中以真實項目為導向，采用由淺入深、由易到難的方式講解相關知識和技能。
一、 本書內容
全書結構清晰，內容豐富，主要內容包括以下三個方面。
(1) 快速入門: 項目1介紹Web基礎知識、互聯網基礎、網站的分類、網站的開發流程和Web前端開發工具等內容。
(2) Web前端開發基礎技術: 項目2～項目6介紹了HTML語言基礎、HTML素、CSS樣式基礎、CSS3新增選擇器和屬性、應用DIV CSS技術靈活布局網頁等內容。
(3) 企業網站開發: 項目7介紹電商網站規劃及開發流程，靈活運用所學知識開發電商網站。
二、 本書特點
(1) 對接產業需求，提升教材質量: 本書突出職業教育特色，深化專業設置與產業需求對接、課程內容與職業標準對接、教學過程與生產過程對接，深化產教融合，全面提升了教材質量。
(2) 配備完備的教輔資源: 本書配套精品教學資源輔助輔教學及學生學習。教學資源包括教學大綱、電子教案、課件、源代碼、教學視頻(掃描書中二維碼觀看)等，另外，本書還以電子活頁的形式呈現相關內容。本書豐富立體的課程資源降低了學習的難度，方便學生自主學習，減輕了教師的負擔。
(3) 以課證融通為本，實現了1 X的深度融合: 本書符合1 X考綱需求，內容體繫完整，知識點循序漸進，結合豐富的案例、動手實踐以及綜合項目的開發，展現行業新業態、新水平、新技術，實現了1 X的深度融合。
三、素 
本書是素滲透到具體章節中，使學生在學習專業知識的過程中可以領悟到其中蘊含的思想價值及人文精神，增強課程的知識性、引領性和時代性，培養學生精益求精的大國工匠精神，使本書達到提著升學生綜合素養的目的。
信息技術的發展日新月異，書中難免會有疏漏之處，敬請各位專家和讀者提出寶貴意見。

編者2022年4月