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