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

【时间】约2学时

【步骤】

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

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

【实验要求】

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

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

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

【实验评价要点】

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

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

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

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

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