校园生活网页网页制作《HTML高级应用开发》考核方案及评分标准

网页命题《校园生活网页》校园生活网页的设计是对自己大学生活的一个总结，根据实际情况，设计出自已丰富的校园生活页面。

制作要求

1. 使用软件HBuilder X和Dreamweaver任选其一 ;

2.所需素材(图片、文字)自己收集(要能体现真实校园生活) ,网页内部的颜色可自定义;

3.网页制作技术要求HTML+CSS+JavaScript;

4. 整体布局必须使用标准流布局(头部、尾部、主体部分) ,头部必须使用导航标签(导航选项需使用超链接，可以跳转到其对应页面)，主体部分包含一个左侧栏(左侧栏内使用uHi项目列表，内容是导航的每个页面的简单介绍)，主页面要加背景音乐(积极的)，布局必须使用CSS;

5. 导航栏为横向， 且至少包含4个栏目功能:拖放，表单，画布，视频(注意:这不是导航的标题，而是内容，标题自定。另外每一个导航超链接都要跳转到对应的新页面)

6.拖放功能:拖放的页面内需要设置一个可拖放区域，此区域内有一张图片， 另外把-一段文字设置为可拖放元素，要求把此 拖放元素拖到对应的拖放区域内解释对应的图片(体现真实的校园生活， 至少2个图)

7.表单功能:制作-一个简易的问卷调查页面，要求使用表单标签，且一些特殊的选项一旦填错需显示提示(这个自已决定)

8. 画布功能:利用画布画出实心的笑脸图案(样式、颜色都可自定义) ;

9. 视频功能:此页面要放置一个可以播放的视频，并且可以获取到这个视频开始和结束的时间，以及获取到视频当前播放到的时间点;

10.所有超链接必须使用CSS更改颜色，和鼠标经过颜色;

11.网页尾部内容，增加动态效果(动态图片或利用JavaScript实现)，网页打开能运行;

12. 整体布局合理，显示完全符合要求，色彩搭配合理;

13.作品不能雷同，不能和现有的网页雷同。

评分标准

考核的主要内容、功能及技术指标(总分: 100分)

命题巳评分标准:

色彩搭配合理; (10分) 

网页使用HTML5新增结构标签布局; (10分) 4. 有uHi项目列表; (10分)

拖放功能存在，(10分

表单功能存在，至少10个输入框或选择按钮; (10分) 7.画布功能存在; (10分)

音频、视频功能存在; (10分)

超链接功能可用; (5分)

构图新颖，页面丰富; (5分)

要使用HTML5新增的标签、属性。(5分)