《Web开发基础》实验3：电商网站前端页面动效实现（8分）

实验3：电商网站前端页面动效实现（8分）

 

【目标】为首页添加规定的动画效果

【时间】约2学时

【步骤】

1.为首页上方广告区域添加动画效果：四张广告图片组成四面体形状，自动旋转。

2.中间三个热链接按钮，当鼠标悬停时，可添加旋转效果。

【实验要求】

需要提交的材料为实验报告。

实验报告由实验目标、实验环境、实验内容、实验结果、实验体会五个方面构成，其中，实验结果为本阶段编写的网页的运行效果截图。三个网页的HTML代码和CSS代码以及素材图片的压缩包作为实验报告附件。

需要提交的材料以WinRAR或WinZip等压缩包形式上传。本实验占形考成绩的8%。

【实验评价要点】

辅导教师对提交的企业网站站点进行评价，评价应该包括：

1.能够使用CSS3变换，将多个图片组成四面体

2.能够使用CSS3动画，定义四面体自动旋转，暂停等

3.能够使用过渡和变换，为普通按钮或图片添加动效

4.除完成设计效果图规定的动画效果外，还要对实验1和实验2中自行添加的部分内容，添加部分自行设计的动画效果。