网页设计技术要求及评分标准

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《网页设计技术要求及评分标准》，欢迎阅读！

2015级商务英语本科班“商务网站制作”课程设计



要 求：

1、 网站主题明确，网页布局清晰、合理、规范有创意；网站页面数目不得少于

5张；

2、 网站首页应有自己设计的LOGO和版权信息，Banner的设计应契合主题； 3、 网页中必须体现有DIV+CSS、APDIV及表格的使用；

4、 首页应有导航条（分页面的导航条可根据具体情况和需要设置），各个页面

均能直接返回主页 ，各级分页面可以互相链接跳转 。 5、 有表单元素。

6、 网页中应有：1、友情链接（至少3个相关网站） 2、联系我们（邮件链接） 7、 网页中的外观样式须使用CSS样式规则进行设置，并保存在CSS样式文件中； 8、 网页中须使用行为效果，如“隐藏-显示元素”、“交换图像与恢复图像”等。 9、 建立相应的文件夹，所有素材文件应归类存放在相应文件夹中，例如：图片

应存放于image文件夹，文字素材存放在text文件夹中，样式表存放在css样式文件夹中）所有的文件须以英文或拼音或数字（不能以数字作为第一个字符）命名，不可用中文命名。

10、 除主页index.html以外的页面文件名按分页的主题按拼音命名。 11、 可以在网络上收集和网站主题相关的多媒体素材，注意控制素材尺寸大小和

分辨度，整个作品总容量不应超过50MB。 文件夹结构（参考）：



网站站点根目录

Images（图像文件夹）

media （动画、视频文件夹） xx.html （其他网页） CSS （css样式文件夹） Index.html (主页)



1


网页设计评分标准



序号 评分点 分值



计分标准 得分

第一部分 页面布局（20分）



1

文件管理 页面布局

5 7

文件分类存放，文件命名规范，首页以index.html命名，否则0分。

（1）结构清晰，布局合理、规范 （2）布局新颖，有创意 （1）文字清晰

2

美观性

5

（2）背景恰当、美观

（3）整体效果(字体大小、颜色搭配、图像、动画在整个页面的效果等)

主题

3

各个页面均有主题



第二部分 网站层次（20分）



（1）不同内容的页面不少于5页(页面没有完

3

页面

10

成或只有文字或只有图像,该页不计在内) （2）层次清楚、布局合理。 （1）首页有导航条，设置正确

4

导航、链接

10

（2）各个页面均能直接返回主页 （3）各级分页面可以互相链接跳转 （4）给首页加入水平线和版权信息



第三部分 图片（20分）



（1）能正确显示图片效果(动态、静态)，每一处不能正确显示扣2分，

（2）图片选择恰当，符合主题，鼠标悬停图片时有图片说明 ；

5

图片、动画特效

20

（3）主页有logo图片， （4）有自制图片(含背景图片) （5）有Flash动画或视频 ；

（6）图片以英文或数字命名，若有以中文命名的图片此项得0分



2


第四部分 技术（25分）

DIV+CSS、APDIV、表格

有DIV+CSS布局、APDIV布局、表格布局的使

10

用，能完整浏览网页内容 (含利用滚动条浏览)

（1）含有动态效果。

6

动态效果 5



（2）动态效果使页面重点突出，且无杂乱感。 合理使用CSS样式，并保存于样式表文件中。 使用的表单元素种类丰富（有3类或3类以上给全分） 0-5分

CSS样式 表单

5 5

第五部分 总体印象（15分）





创意 美感 技术 其他

4 4 4 3

主题明确，内容健康，思路清晰，新颖独到。 色彩合理，布局得体，视觉清新，美感独韵。 运用合理，表达流畅，集多媒体一体 。 不合理，错误链接，不完整等 。 整个网站至少5个页面，每少一个页面扣10







备注 分，深度至少包括二级页面，显示分辨率以能自适应显示屏为准。作品总体积不超50MB。



3

本文来源：https://www.wddqxz.cn/810f2fc01ae8b8f67c1cfad6195f312b3169ebe4.html