《网页设计与制作》考查内容及评分标准

一、课程设计

以小组为单位完成一个电子商务网站(电商主题自选)。把课程知识融会贯通,做到举一反三,熟练运用HTML5页面元素、CSS3选择器、盒子模型、表单等知识技巧,以小组形式最终实现一个完整的电子商务网站。

1.首先设计网站的主页,一般电子商务网站主页内容包括以下模块内容(加粗模块不能缺少):

网站标志:网站标志也称LOGO,是站点特色和内涵的集中体现,好的网站标志往往会让人看到标志就能联想起网站的服务内容,网站标志通常放在主页的左上角。

导航条:用于使访问者更清晰明朗地找到所需要的内容,通常位于页面上方。

③ 最新动态:展现网站的最新信息,如新闻、促销商品和最新产品等。

商品列表:列出本网站所提供商品的清单,通常位于页面的中部。

⑤ 搜索栏:帮助用户轻松找到所需内容。

⑥ 广告:广告应尽量与网站主页内容和风格一致,且最好将广告放在页面的边缘。

用户入口:用户登录注册的地方。

⑧ 购物帮助:本网站的购物指南。

版权所有:位于页面底部。

⑩ 友情链接:提供一些相关网站的链接。

2.点击首页的导航链接可以进入二级页面(至少需要制作6个二级页面)。

3.在二级页面(或首页)中,点击商品名称或图标可以进入详情页,即三级页面(至少6个三级页面)。

4.最后以小组为单位提供一份word文档,记载小组成员姓名,学号和分工情况,与网站文件夹一起压缩后提交给学委,压缩包命名规则为小组成员学号和姓名,例如:2019000451张三-20190000452李四-2019000256王五,提交时间为本学期最后一周前,逾期作缺考处理。

注意:网站首页必须命名为index.html

二、课程设计评分标准表

评分标准

序号等级标准
1优秀 (90-100分)1.网站logo设计合理,有特色,能够凸显企业价值观; 2.网站整体大方美观,元素间距、配色合理,主题色与网站契合; 3.所有页面设计布局合理,导航清晰,在任何界面都可以回到首页,超链接设计合理,无死链接; 4.多媒体使用得当,图片都经过处理,无超过1MB的图片,页面加载速度快; 5.二级页面和三级页面分别有6个,达到或超过数量要求; 6.文字和背景色反差大,易于阅读,字体运用非常合理,表现丰满; 7.首页(命名为index.html)包含了常见的10个模块,网站里的文件命名规范,无中文命名,多媒体文件分别放在单独文件夹,网站文件结构非常有条理。
2良好 (80-89分)1.网站logo设计合理,布局显眼; 2.网站整体大方美观,配色合理; 3.首页与90%的页面设计布局合理,导航清晰,在任何界面都可以回到首页,超链接设计合理,无死链接; 4.多媒体使用得当,图片都经过处理,无超过1MB的图片,页面加载速度较快; 5.二级页面和三级页面分别有6个,达到数量要求; 6.文字和背景色反差大,字体运用合理,表现好; 7.首页(命名为index.html)包含了常见的8个模块,网站里的文件命名合理,多媒体文件放在单独文件夹,整个网站文件结构有条理。
3中等 (70-79分)1.首页有logo,布局显眼; 2.网站配色合理,整洁清晰; 3.首页与80%的页面设计布局合理,导航清晰,超链接设计合理,只要少数死链接; 4.使用的多媒体文件无超过1MB的,页面加载速度合理; 5.二级页面和三级页面分别有6个,达到数量要求; 6.文字和背景颜色合适,字体运用较合理,表现较好; 7.首页(命名为index.html)包含了常见的4个模块,网站里的文件命名合理,多媒体文件放在单独文件夹,整个网站文件结构有条理。
4及格 (60-69分)1.首页有logo; 2.网站配色较合理,界面较整洁和清晰; 3.60%的页面设计布局较合理,都具有导航条,超链接设计合理,只要少数死链接; 4.使用的多媒体文件无超过1.5MB的,页面加载速度可以接受; 5.二级页面和三级页面分别有5个,基本达到数量要求; 6.文字和背景颜色较合适; 7.首页(命名为index.html)包含了常见的4个模块。
5不及格 (60分以下)1.首页没有logo; 2.网站色彩搭配混乱; 3.网站页面设计布局不合理,没有导航条,超链接大部分都是死链接; 4.使用的多媒体文件过大,页面加载速度非常慢; 5.二级页面和三级页面都没有达到数量要求; 6.文字和背景颜色不合适; 7.首页(未命名为index.html)只包含有2个模块或更少; 8.抄袭其它网站或别人的代码。