本書共五個(gè)學(xué)習(xí)情景七個(gè)項(xiàng)目，分別為：學(xué)習(xí)情境一：構(gòu)建基礎(chǔ)頁(yè)面(項(xiàng)目一“個(gè)人簡(jiǎn)介”專題頁(yè)面、項(xiàng)目二“影評(píng)網(wǎng)”專題頁(yè)面)；學(xué)習(xí)情境二：構(gòu)建絢麗多彩的頁(yè)面(項(xiàng)目三“二十四節(jié)氣”專題頁(yè)面、項(xiàng)目四“在線學(xué)習(xí)網(wǎng)站”專題頁(yè)面)；學(xué)習(xí)情境三：構(gòu)建具有動(dòng)畫的頁(yè)面(項(xiàng)目五“好書推薦”專題頁(yè)面)；學(xué)習(xí)情境四：構(gòu)建交互頁(yè)面(項(xiàng)目六“盛和景園”房產(chǎn)頁(yè)面)；學(xué)習(xí)情境五：構(gòu)建響應(yīng)式頁(yè)面(項(xiàng)目七“房產(chǎn)項(xiàng)目”專題頁(yè)面)。每個(gè)項(xiàng)目分為知識(shí)準(zhǔn)備、項(xiàng)目實(shí)施和拓展提升三大部分，真正實(shí)現(xiàn)了課前學(xué)、課中做和課后提升的學(xué)習(xí)模式。