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