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