【目标】为首页添加规定的动画效果
【时间】约2学时
【步骤】
1.为首页上方广告区域添加动画效果:四张广告图片组成四面体形状,自动旋转。
2.中间三个热链接按钮,当鼠标悬停时,可添加旋转效果。
【实验要求】
需要提交的材料为实验报告。
实验报告由实验目标、实验环境、实验内容、实验结果、实验体会五个方面构成,其中,实验结果为本阶段编写的网页的运行效果截图。三个网页的HTML代码和CSS代码以及素材图片的压缩包作为实验报告附件。
需要提交的材料以WinRAR或WinZip等压缩包形式上传。本实验占形考成绩的8%。
【实验评价要点】
辅导教师对提交的企业网站站点进行评价,评价应该包括:
1.能够使用CSS3变换,将多个图片组成四面体
2.能够使用CSS3动画,定义四面体自动旋转,暂停等
3.能够使用过渡和变换,为普通按钮或图片添加动效
4.除完成设计效果图规定的动画效果外,还要对实验1和实验2中自行添加的部分内容,添加部分自行设计的动画效果。