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

12015级商务英语本科班“商务网站制作”课程设计要求：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(主页)2网页设计评分标准序号评分点分值计分标准得分第一部分页面布局（20分）1文件管理5文件分类存放，文件命名规范，首页以index.html命名，否则0分。2页面布局7（1）结构清晰，布局合理、规范（2）布局新颖，有创意美观性5（1）文字清晰（2）背景恰当、美观（3）整体效果(字体大小、颜色搭配、图像、动画在整个页面的效果等)主题3各个页面均有主题第二部分网站层次（20分）3页面10（1）不同内容的页面不少于5页(页面没有完成或只有文字或只有图像,该页不计在内)（2）层次清楚、布局合理。4导航、链接10（1）首页有导航条，设置正确（2）各个页面均能直接返回主页（3）各级分页面可以互相链接跳转（4）给首页加入水平线和版权信息第三部分图片（20分）5图片、动画特效20（1）能正确显示图片效果(动态、静态)，每一处不能正确显示扣2分，（2）图片选择恰当，符合主题，鼠标悬停图片时有图片说明；（3）主页有logo图片，（4）有自制图片(含背景图片)（5）有Flash动画或视频；（6）图片以英文或数字命名，若有以中文命名的图片此项得0分3第四部分技术（25分）6DIV+CSS、APDIV、表格10有DIV+CSS布局、APDIV布局、表格布局的使用，能完整浏览网页内容(含利用滚动条浏览)动态效果5（1）含有动态效果。（2）动态效果使页面重点突出，且无杂乱感。CSS样式5合理使用CSS样式，并保存于样式表文件中。表单5使用的表单元素种类丰富（有3类或3类以上给全分）0-5分第五部分总体印象（15分）创意4主题明确，内容健康，思路清晰，新颖独到。美感4色彩合理，布局得体，视觉清新，美感独韵。技术4运用合理，表达流畅，集多媒体一体。其他3不合理，错误链接，不完整等。备注整个网站至少5个页面，每少一个页面扣10分，深度至少包括二级页面，显示分辨率以能自适应显示屏为准。作品总体积不超50MB。