本書是采用學習領域課程開發方法開發的課程配套教材，對應課程是基于從事網站開發工作的前端工程師崗位工作領域轉化而來，教材內容是“網頁布局能力”轉化而來形成的學習內容，并以工作過程系統化原則編排課程內容，通過分析“網頁布局”工作，抽取其工作流程、工作任務和系統知識，并結合世界技能大賽網站設計項目的技術文件和試題，最終確定課程項目和任務，形成項目引領、任務驅動的項目課程。本書涉及的內容包括HTML5和CSS3基礎性知識，柵格系統、媒體查詢、響應式布局、瀏覽器兼容相關知識，Bootstrap開源框架、FontAwesome開源圖標型字體等開源資源的應用知識，在各項目中還加入了商用還不是很成熟的新知識、新技術（帶*的任務），如彈性盒子布局、網頁無障礙、動畫和變形等。本書適合作為職業院校培養前端工程師崗位能力的網頁制作入門教材、世界技能大賽網站設計項目布局模塊的培訓教材，也可作為網頁制作人員的自學用書。