《电子商务》实习课程设计报告

一、小组人员组成及分工

XXX：负责素材的采集、主页的设计制作以及各级页面的链接

XXX：负责商品详细介绍页面的设计制作

XXX：负责购买页面（支付页面）、购物车页面、购买成功页面、会员注册页面以及注册成功页面的设计制作

二、网站的设计目标和基本思路

（一）网站的设计目标

“美丽人生”是一家以面向企业为主的购物网站，拥有完善的支付流程和可靠的购物保障，主要是通过网上销售的形式，对外开展贸易，完善在线售后服务系统，树立良好的企业信誉和形象，抢占网上贸易市场。

（二）网站设计的基本思路

1.确定网站经营内容

经过对网上购物主要参与者性别的观察，最终决定销售以中青年女性为对象的化妆品和护肤品。

2.采集素材

通过对大量相关网页的浏览，最终采集了包括产品flash、产品图片在内的现成素材，同时，通过运用“gif制作工具”、“美图秀秀”等相关软件，加工制作了“banner”、网站“logo”以及导航栏图片。

3.确定网页布局类型

拐角型：上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。

4.确定网页页面尺寸

各浏览者电脑型号的差异，造成浏览效果也不一样，针对这种情况，最后选用了适合大多数浏览者的1024*768分辨率。

5.分工相应模块至小组各成员

本着“人尽其力，物尽其用”的原则，综合小组成员的特长，通过讨论协商，决定由胡浩同学担任网页整体布局设计的任务，余千里同学担任二级页面制作的任务，江敦旭、孙新宇、董培同学，担任三级页面的设计。

三、网站的类型以及选择此种网站的理由

（一）网站类型

B2B、B2C。

（二）选择此类型网站的理由

兼顾B2B与B2C类型的发展，通过B2B销售模式，在各地寻找代理商销售，将公司的销售模式以张网式铺开，可以抢占更多的销售市场；通过发展B2C平台，更加精简了销售的环节，节约了消费者的时间和金钱，一定程度上减轻了企业的库存压力，提高了资源的利用率。

四、网站包含的主要功能模块，各模块所包含的网页以及网站内部链接情况

（一）网站包含的主要功能模块

主页、商品详情页面、购买页面（支付页面）、购物车页面、购买成功页面、会员注册页面以及购买成功页面。

主页右上方是导航条部分，接着下来是网站标题及广告横幅，为了方便浏览者，我们在标题和横幅下面设置了站内搜索框，再接下来的左侧是一窄列链接，从上至下依次是商品分类、网站焦点、会员登录以及友情链接，右列是很宽的正文，包括新上架商品、推荐商品，下面是一些网站的辅助信息。正文的右部是热销商品模块。

商品详情页面在主页的基础上略作了修改，以商品的大图以及对商品的详细描述模块代替了主页新品上市模块以及热销排行模块。在详细描述的下面，设置了“立即购买”以及“加入购物车”的链接。

购买页面（支付页面）以及购物车页面上部沿用了主页的导航栏、横幅广告、标题以及搜索框，购买页面（支付页面）左边为商品信息，其右为详细购买信息以及相关信息的填写，其下设置了“确认购买”的链接；购物车页面显示的是商品名称、数量、价格，其下设置了再看看（返回首页）以及确认购买的链接。

购买成功页面沿用了主页的导航栏、网站标题、横幅以及搜索框，页面正下方为购买成功的提示，同时，在提示上又设置了点击返回首页的超链接。

注册页面搜索框以上部份沿用主页的设计，左上方为会员登录模块，会员登录模块下方为商品分类模块，其右为注册相关设置，包括：用户名，密码，确认密码，邮箱地址的相关信息填写，其下为注册提交链接。

注册成功页面沿用主页搜索框以上设计，页面正中间为注册成功的提示，其下附有会员登录模块以及返回首页的超链接模块。

（二）网站内部链接情况

主页部分主要链接指向会员注册页面、商品详情描述页面、购物车页面以及各友情支付网站以及配送公司网站。

商品详情描述页面主要链接指向购买页面（支付页面）、首页以及购物车页面。

购买页面（支付页面）主要链接指向购买成功页面以及首页。

购物车页面主要链接指向购买页面（支付页面）以及首页。

购买成功页面主要链接指向首页。

注册页面链接指向注册成功页面以及首页。

注册成功页面主要指向首页。

五、网站的特点分析

（一）整体页面轮廓清晰、简洁大方

无论是作为B2B购物平台还是作为B2C的购物平台，简洁、轮廓清晰的布局，能给人一种舒适的感觉。

（二）粉色为主，突显个性

粉色系既显得干净，又适合广大女性朋友，人性化的颜色布局，还能够给浏览者留下深刻的印象。

（三）动静结合，增强网页活力

以商品为主的静态图片与以产品宣传为目的的动态图片、flash的结合能够多方位地展示产品，也一定程度上展示了企业的活力。

六、设计小结

从经营内容的确定，到素材的采集，到整体的布局，各成员积极出谋划策，各抒己见，为出色地完成构建网站的任务贡献出了自己的一份力量。

各成员不断浏览相关网站，学习网页布局技巧，特别是余千里、江敦旭同学在任务完成的前天晚上，还不断寻找网页的瑕疵，这种精益求精的工作学习态度给大家都留下了深刻的印象。

同时，我们还积极帮助其他小组，为他们的问题寻找解决对策，给他们提供了一些可行的建议。

在整个网站的建设过程中，小组各成员各负其责，认认真真的进行各自网页的设计制作，遇到问题，谦虚向组内同学请教，积极讨论寻找对策，收获的不仅是任务的完成，更多的是友谊。

在制作网页的过程中，虽然大家都是以一丝不苟的态度去对待的，但是，时候还是发现了很多不足之处，比如说网站的会员登录页面设计不合理，网站整体分辨率采用失当，这也引发了我们的深刻反省：专业知识严重缺乏。

希望通过不断的学习与实践，能够不断地完善自己在网站建设方面的能力，也希望同学们以后能够更加团结，更出色的完成以后的任务。

致谢

首先，要感谢我们课程设计的指导老师—李欣老师，在这次课程设计中，李老师兢兢业业的工作态度给我们留下来深刻的印象，是在他的督导下，我们才出色地完成了此次网页制作课程设计。

其次，要感谢组内各成员。感谢江敦旭同学在网站整体颜色布局方面给我提出的建议，正是他的建议，才成就了我们网站整洁舒适的色彩效果；感谢余千里同学兢兢业业精益求精的忘我制作，正是他的努力，才有了我们网站出色的二级页面；感谢孙新宇同学、董培同学，是他们通过不断浏览相关网站，我们才有了网站设计的整体思路；感谢组内所有同学，是我们共同的努力才有了我们课程设计任务的圆满完成。

最后，要感谢为我们网站设计提供帮助的一切同学，是他们的建议，我们才有了更加完美的网站。

第二篇：电子商务网页制作实训报告

一周的网站规划实训又结束了，在这短短的一周实训中，我们每一个学生都受益匪浅。时间过得真快呀，这也是这学期我们最后一次在学校里的实训，每一个同学都怀着饱满的热情，都在积极紧张的实训，我也一样，只是多了一种不舍得感觉，虽然我们在实训中也有些苦痛和烦恼，但是我会努力的克服自己所遇到的任何困难以及在老师热心的帮助下我们很快的解决了自己遇到的一些困难。

总的来说：我在实训中不仅学到了课本上面没有的知识，而且还学到了坚持不懈，不抛弃，不放弃的一种学习的精神。这次实训让我增长了很多关于网站制作的知识，也让我体会到了做网站并不是我想象中的那么简单。网页设计与制作综合实训是我们学习过程中重要的实践性学习环节。它是根据我们学习计划的要求，在老师的指导下对我们进行网页制作专业技能的训练,培养我们综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践学习环节,搞好实训教学,对实现我们专业的培养目标,提高我们的综合素质有着重要的作用。通过这次实训，我学到了很多有价值的东西。我独立的完成网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实验的过程中，我搜集了大量的素材和网页设计制作的知识，增加知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。

通过短短几天的网站规划实训，我从中学到了很多的知识。每一个同学都在认认真真的实训，都在认真的做网页。尽管在实训中遇到了许多不少的问题，通过自己上网查阅资料和老师的耐心教导，我们每一个同学都解决了自己在实训中遇到的困难。有的同学还互相帮助和积极讨论遇到的问题，同样在学习的良好氛围之下解决了遇到的困难。在这次网站规划中，我们学到了课本上没有的知识，不仅开拓了我们的视野，而且增加了我们设计制作网站的能力。虽然实训也有些苦痛和烦恼，但是我们每一个人都怀着一颗学习的心，不怕困哪和苦痛，认真的完成了网站规划的实训。在网站规划中，我们熟悉了Frontpage软件的新型的功能，增加了对软件的认识和认知，学会了怎么做一个漂亮的网站和优美的布局。

我收获颇丰，学到了很多知识，特别是提高了综合分析应用的能力。实训过程是繁琐的，但同学们都表现得很积极，不怕课程难，相互帮助一起分析。任课老师也非常认真负责，耐心讲解，细心指导，一点一点解答同学们的疑惑，直到同学们理解了为止。在实训中，分析、讨论、演算，机房里充满了浓浓的学习气氛。此次实训培养了同学们耐心的工作作风，增强了同学们的合作意识，提高了大家的应用分析能力。