《Web应用开发》试题

一、说明

1. 考核方式：上机考试。
2. 将所有内容保存在同一个文件夹下，文件夹命名为：学号后2位+姓名拼音缩写，例如：张三同学（学号为2301010201 ）建立的文件夹应为01zs，（学号、姓名拼音缩写之间无空格）。
3. 利用HBuilder X、Dreamweaver、Photoshop等网页设计工具制作网页。
4. 素材需自己搜集或制作。

二、主题范围
所设计的网站主题：个人、 美食、 学校、 旅游、 动漫、内容健康，积极向上。
三、考试内容

1. 从以上的主题中选定一个主题，运用DIV+CSS布局页面；
2. 首页文件命名为index.html，制作4个以上的页面，其他页面可按字母序号依次命名，文件名为：a.html、b.html、c.html……。
3. 图片文件放置在站点的img文件夹中。
4. 定义独立的CSS样式表文件，利用CSS样式控制页面中元素的格式，样式文件命名为style.css，放置在站点的css文件夹中。
5. Js文件放置在js文件夹中。
6. 在网页中加入网站logo、banner（与网页主题相关的4张图片动态切换）、导航菜单、页脚，添加文字、图像等网页元素，网页排版可自由发挥，完成首页及第2个页面的制作，要求主题突出、内容充实、页面美观。
7. 为导航菜单设置链接，在原窗口中打开， 4个页面间相互跳转（导航菜单前4项），在页面底部添加导航链接，链接对象为自己经常访问的3个网站，要求在新窗口中打开链接。
8. 第3个页面包含表单内容，参考效果图制作登录页面。

9. 第4个页面包含动画内容，制作模拟风车转动效果的页面,设置合理的旋转方向、旋转速度（忽快忽慢），背景图片为学院风景。

10. 提交站点压缩包、页面截图及页面操作视频（mp4格式）。

四、评分标准

序号	评分要点		分值
1	网页设计基本操作	文件及文件夹命名	10
		文件压缩
		页面截图
2	页面布局	DIV+CSS布局页面	20
		制作4个以上的页面
3	链接的应用	菜单链接	10
		友情链接
4	制作表单页面	依据效果图制作表单页面	10
5	制作动画效果页面	利用过渡属性、变形属性创建动画效果	10
6	操作秩序	遵守考试期间纪律规则	10
7	完成结果	主题突出，健康向上，内容丰富。	20
		页面美观、布局合理。
		有创意、有特点。
		色彩搭配协调，不凌乱。
8	完成时间	180分钟	10