一、课程设计
以小组为单位完成一个电子商务网站(电商主题自选)。把课程知识融会贯通,做到举一反三,熟练运用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.抄袭其它网站或别人的代码。 |