河北開放大學(xué)24秋實(shí)驗(yàn)3:電商網(wǎng)站前端頁面動效實(shí)現(xiàn)(8分)
【目標(biāo)】為首頁添加規(guī)定的動畫效果
【時(shí)間】約2學(xué)時(shí)
【步驟】
1.為首頁上方廣告區(qū)域添加動畫效果:四張廣告圖片組成四面體形狀,自動旋轉(zhuǎn)。
2.中間三個(gè)熱鏈接按鈕,當(dāng)鼠標(biāo)懸停時(shí),可添加旋轉(zhuǎn)效果。
【實(shí)驗(yàn)要求】
需要提交的材料為實(shí)驗(yàn)報(bào)告。
實(shí)驗(yàn)報(bào)告由實(shí)驗(yàn)?zāi)繕?biāo)、實(shí)驗(yàn)環(huán)境、實(shí)驗(yàn)內(nèi)容、實(shí)驗(yàn)結(jié)果、實(shí)驗(yàn)體會五個(gè)方面構(gòu)成,其中,實(shí)驗(yàn)結(jié)果為本階段編寫的網(wǎng)頁的運(yùn)行效果截圖。三個(gè)網(wǎng)頁的HTML代碼和CSS代碼以及素材圖片的壓縮包作為實(shí)驗(yàn)報(bào)告附件。
需要提交的材料以WinRAR或WinZip等壓縮包形式上傳。本實(shí)驗(yàn)占形考成績的8%。
【實(shí)驗(yàn)評價(jià)要點(diǎn)】
輔導(dǎo)教師對提交的企業(yè)網(wǎng)站站點(diǎn)進(jìn)行評價(jià),評價(jià)應(yīng)該包括:
1.能夠使用CSS3變換,將多個(gè)圖片組成四面體
2.能夠使用CSS3動畫,定義四面體自動旋轉(zhuǎn),暫停等
3.能夠使用過渡和變換,為普通按鈕或圖片添加動效
4.除完成設(shè)計(jì)效果圖規(guī)定的動畫效果外,還要對實(shí)驗(yàn)1和實(shí)驗(yàn)2中自行添加的部分內(nèi)容,添加部分自行設(shè)計(jì)的動畫效果。
奧鵬,國開,廣開,電大在線,各省平臺,新疆一體化等平臺學(xué)習(xí)
詳情請咨詢QQ : 3230981406或微信:aopopenfd777