本教材使用HTML5+CSS3技術，由校企合作、校校合作編寫，旨在培養(yǎng)學生的Web前端開發(fā)能力。教材按照由簡單到復雜的順序，設計了8個教學項目，分別是：項目1簡單網頁設計、項目2文本類網頁設計、項目3圖像類網頁設計、項目4響應式布局網站設計、項目5媒體雜志類網頁設計、項目6移動端推廣項目、項目7 企業(yè)官網設計、項目8 使用canvas制作飛機大戰(zhàn)游戲。前5個項目鍛煉了Web前端的必要技能，是"必修”內容，滿足于絕大多數院校的學期教學需要；在內容設計上，將知識點融在了項目開發(fā)的各個子任務中，讓學生邊學邊操作邊提高。后3個項目是專項提高項目，是"選修、拓展”內容，供教師和學生按需選擇；在項目選取上，項目6是移動端項目，項目7是實戰(zhàn)開發(fā)項目，項目8是游戲開發(fā)項目；內容設計上，在項目開發(fā)之前整理出必要的知識，讓學生有所儲備之后，再去投入開發(fā)項目。所有的項目完成后進行歸納總結。