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

更新时间:2021-12-15   文章分类:网页作业题库

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


制作要求

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分)


STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询