电子商务网站建设-设计报告要求-(1)

.宁波理工学院期末大作业课程名称 电子商务网站建设 作业名称 B2C商城网站前台设计报告 专业班级 电子商务102 小组成员 3100113069 苏修宇 3100113071 王露浩 3100113074 吴呈豪 3100113077 姚晓明 3100113079 周浩 3100113080 朱佳佳 指导教师 肖 玮 学 院 经济与贸易学院 完成日期 2012年12月8日 精选一、 概述根据作业要求，我们组做了一个关于服装的B to C网站，该网站面向群体分别是小孩，男性，女性；网站由三级页面，分别是首页，二级栏目，三级栏目；分别有组员朱佳佳，姚晓明，周浩，王露浩，吴呈豪，苏修宇参与网站制作。二、 需求分析1. 天气一点点转冷了，人们对于秋，冬装的需求会增加，为刚性需求，由于需求量会比较大，所以我们组经过讨论决定做个关于服装的B to C商城。商城的名称为BWM，主营业务为男装，女装，以及婴幼儿服饰。2. 由于中国人口多，对于服装业来说没有冬天，庞大的需求量会使得整个国内服装业呈现一个整体上升的趋势，所以这样一个B to C商城是有市场的。三、 网站整体设计（一）首页是一个整体的布局，其中涵盖了男装，女装，baby装的一些比较受欢迎的衣服，以及一些关于店铺的讯息。在首页的顶部是我们商城的logo以及我们的主营产品；下面是用flash图片播放器处理的的滚动图片；在图片下面是一些我们商城的优惠活动和一些限时特价产品；接下来是男装女装童装一些流行款式的展示；最下面的是商城的相关讯息以及客服，货物配送等。（二）在二级栏目中是细分了男装，女装，baby装的上装与下装。在男装部分选取了16件男装上装宝贝和15件男装裤装宝贝，并且附有价格款式说明，前三件宝贝是也可以点击，并链接到三级页面的。女装部分选取了16件衣服和16件裤子，同样附有价格，款式等相关宝贝讯息。童装部分也是16件上装和16件裤装。一共是6个二级页面。（三）在三级栏目中是单件宝贝的的详细信息以及购物车。在三级栏目中主要是单间宝贝的具体信息，有款式，价格，尺码，颜色，发货地，快递费用，宝贝详情，产品说明和具体图解这张就是裤子的真面清晰图解。另外还有产品尺码及尺码表这就是产品尺码表以及尺寸丈量方法说明。一共有18个三级页面。（四）还有一个就是购物车和订单环节，由于技术时间有限，我们就做了一个静态的。四、 具体实现（一）原本设想用DIV技术来做这个商城的，但是DIV的位置不好固定，掌握不了这个合适的尺度，所以改用的表格，但是有些地方还是用DIV做的，比如说：这件衣服下面的具体信息介绍这一款就是用DIV技术做的。（二）由于首页比较大，不能一次截图，所以就分了几块截图，首页均设有链接。这是我们网站的首页的标题栏，比较简洁，直奔主题。（三）这个是首页中的下来菜单，这个是用CSS技术做的。（四）这是首页滚动图片中的一张图片，滚动图片是用flash播放器做的。（五）这是首页下方的童装部分，用插入表格，然后填充图片得到的。（六）这是首页的最后一部分，是用表格做的。（七）这是男装上装的二级栏目，在二级栏目中前三件宝贝均设置了链接，并且点击我们的logo可以回到首页，但是在二级栏目和三级栏目中的下来菜单没有设置。（八）这是男装的裤装的二级栏目（九）这是女装上装的二级栏目（十）这是女装裤装的二级栏目（十一）这是童装的上装二级栏目（十二）这是童装裤装的二级栏目（十三）这是男装上装的三级栏目，点击logoBWM 可以回到首页（十四）这是我们网站的一个购物车页面，做的是一个静态的页面，“结算”是设置了链接的。（十五）这是点击“结算”进入的界面。（十六）这是一个订单页面，是一个静态页面。五、 网站未来规划。（一）1.在制作网站的过程中我们想到了运用下来菜单的方式来使得首页页面更加简洁，使得消费者能够一眼就看到我们的主打产品，不用通过拉动滚动条来找自己喜欢的产品。但是这个下拉菜单做的比较粗糙，原来设想是要做一个可以把整个商场里面的宝贝类别都囊括的下拉菜单，但是技术储备不足，实现不了；2. 还设想做一个可以显示消费当前处在什么页面的指示条，但是没有实现。3. 在订单以及购物车环节做的都是静态页面，设想是要做一个可以变换数量的页面，但是没有实现。4. 原本打算用div技术来做整个网站，但是div方框不好固定，所以主题就采用了表格来完成。（二）在首页中通过滚动的图片，让不同产品依次出现在消费者的视野中，这样可以节约首页页面，扩大信息量。（三）未来的网站如果流量上去了，那么网站的盈利方式也可以发生一些变话，比如说，可以在网站上加一些广告，将广告收入作为网站收入的一部分；还可以与其他的C店店家合作，使得C店变成商城里面的商铺，我们收取一定的佣金，将佣金作为商城收入的一部分。（四）网站还可以与一些社交网站合作，如微博，人人等，通过他们的平台来宣传我们的网站，使得他们的客户群了解我们的网站，从而达到宣传的效果，这样可以拓宽我们的市场。六、 总结首先对本小组的设计分工作一简单介绍，然后对小组设计的作品作一简单总结，还可以对本学期网站设计整一过程作一总结，甚至是课程小结。（一）我们小组由朱佳佳 周浩 姚晓明 王露浩 苏修宇 吴呈豪组成，首先有大家一起讨论并决定我们的B to C 商城主要做服装类产品，具体的分工：首页，链接以及后期的美化组合是由朱佳佳完成的；二级栏目是由周浩，苏修宇两位同学完成的；三级栏目是由姚晓明和吴呈豪两位同学完成的，王露浩同学主要负责购物车以及订单。（二）这次期末大作业是我们组团队合作的成果，在完成作业的过程中我们成果运用了CSS，HTML等网站设计的技术，并且初步达到了效果，期间我们也遇到了一些困难，比如说怎么建一个可以更改数字的购物车，这是我们以后还有待加强的地方，还需要继续学习网站建设相关的技术，另外一个就是在图片的处理上，如何