电子商务网页制作课程设计报告

《电子商务》实习课程设计报告、小组人员组成及分工成员主要任务组长胡浩负责素材的采集、主页的设计制作以及各级页面的链接组员余千里负责商品详细介绍页面的设计制作组员江敦旭孙新宇董培负责购买页面（支付页面）、购物车页面、购买成功页面、会员注册页面以及注册成功页面的设计制作二、网站的设计目标和基本思路（一） 网站的设计目标“美丽人生”是一家以面向企业为主的购物网站，拥有完善的支付流程和可靠的购物保障，主要是通过网上销售的形式，对外开展贸易，完善在线售后服务系统，树立良好的企业信誉和形象，抢占网上贸易市场。（二） 网站设计的基本思路确定网站经营内容经过对网上购物主要参与者性别的观察，最终决定销售以中青年女性为对象的化妆品和护肤品。采集素材通过对大量相关网页的浏览，最终采集了包括产品flash、产品图片在内的现成素材，同时，通过运用“gif制作工具”、“美图秀秀”等相关软件，加工制作了“banner”、网站“logo”以及导航栏图片。确定网页布局类型拐角型：上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。确定网页页面尺寸各浏览者电脑型号的差异，造成浏览效果也不一样，针对这种情况，最后选用了适合大多数浏览者的1024*768分辨率。分工相应模块至小组各成员本着“人尽其力，物尽其用”的原则，综合小组成员的特长，通过讨论协商，决定由胡浩同学担任网页整体布局设计的任务，余千里同学担任二级页面制作的任务，江敦旭、孙新宇、董培同学，担任三级页面的设计。三、网站的类型以及选择此种网站的理由（一） 网站类型B2B、B2C。（二） 选择此类型网站的理由兼顾B2B与B2C类型的发展，通过B2B销售模式，在各地寻找代理商销售，将公司的销售模式以张网式铺开，可以抢占更多的销售市场；通过发展B2C平台，更加精简了销售的环节，节约了消费者的时间和金钱，一定程度上减轻了企业的库存压力，提高了资源的利用率。四、网站包含的主要功能模块，各模块所包含的网页以及网站内部

链接情况（一）网站包含的主要功能模块主页、商品详情页面、购买页面（支付页面）、购物车页面、购买成功页面、会员注册页面以及购买成功页面。主页右上方是导航条部分，接着下来是网站标题及广告横幅，为了方便浏览者，我们在标题和横幅下面设置了站内搜索框，再接下来的左侧是一窄列链接，从上至下依次是商品分类、网站焦点、会员登录以及友情链接，右列是很宽的正文，包括新上架商品、推荐商品，下面是一些网站的辅助信息。正文的右部是热销商品模块。商品详情页面在主页的基础上略作了修改，以商品的大图以及对商品的详细描述模块代替了主页新品上市模块以及热销排行模块。在详细描述的下面，设置了“立即购买”以及“加入购物车”的链接。购买页面（支付页面）以及购物车页面上部沿用了主页的导航栏、横幅广告、标题以及搜索框，购买页面（支付页面）左边为商品信息，其右为详细购买信息以及相关信息的填写，其下设置了“确认购买”的链接；购物车页面显示的是商品名称、数量、价格，其下设置了再看看（返回首页）以及确认购买的链接。购买成功页面沿用了主页的导航栏、网站标题、横幅以及搜索框，页面正下方为购买成功的提示，同时，在提示上又设置了点击返回首页的超链接。注册页面搜索框以上部份沿用主页的设计，左上方为会员登录模块，会员登录模块下方为商品分类模块，其右为注册相关设置，包括：用户名，密码，确认密码，邮箱地址的相关信息填写，其下为注册提交链接。注册成功页面沿用主页搜索框以上设计，页面正中间为注册成功的提示，其下附有会员登录模块以及返回首页的超链接模块。（二）网站内部链接情况主页部分主要链接指向会员注册页面、商品详情描述页面、购物车页面以及各友情支付网站以及配送公司网站。商品详情描述页面主要链接指向购买页面（支付页面）、首页以及购物车页面。购买页面（支付页面）主要链接指向购买成功页面以及首页。购物车页面主要链接指向购买页面（支付页面）以及首页。购买成功页面主要链接指向首页。注册页面链接指向注册成功页面以及首页。注册成功页面主要指向首页。五、网站的特点分析（一） 整体页面轮廓清晰、简洁大方无论是作为B2B购物平台还是作为B2C的购物平台，简洁、轮廓清晰的布局，能给人一种舒适的感觉。突显个性又适合广大女性朋友，人性化的颜色布局，还能够给浏览者留下（二） 粉色为主，突显个性又适合广大女性朋友，人性化的颜色布局，还能够给浏览者留下粉色系既显得干净，深刻的印象。增强网页活力（三） 动静结合，增强网页活力以商品为主的静态图片与以产品宣传为目的的动态图片、flash的结合能够多方位地展示产品，也一定程度上展示了企业的活力。六、设计小结从经营内容的确定，到素材的采集，到整体的布局，各成员积极出谋划策，各抒己见，为出色地完成构建网站的任务贡献出了自己的一份力量。各成员不断浏览相关网站，学习网页布局技巧，特别是余千里、江敦旭同学在任务完成的前天晚上，还不断寻找网页的瑕疵，这种精益求精的工作学习态度给大家都留下了深刻的印象。同时，我们还积极帮助其他小组，为他们的问题寻找解决对策，给他们提供了一些可行的建议。在整个网站的建设过程中，小组各成员各负其责，认认真真的进行各自网页的设计制作，遇到问题，谦虚向组内同学请教，积极讨论寻找对策，收获的不仅是任务的完成，更多的是友谊。在制作网页的过程中，虽然大家都是以一丝不苟的态度去对待的，但是，时候还是发现了很多不足之处，比如说网站的会员登录页面设计不合理，网站整体分辨率采用失当，这也引发了我们的深刻反省：专业知识严重缺乏。希望通过不断的学习与实践，能够不断地完善自己在网站建设方面的能力，也希望同学们以后能够更加团结，更出色的完成以后的任务。致谢首先，要感谢我们课程设计的指导老师一李欣老师，在这次课程设计中，李老师兢兢业业的工作态度给我们留下来深刻的印象，是在他的督导下，我们才出色地完成了此次网页制作课程设计。其次，要感谢组内各成员。感谢江敦旭同学在网站整体颜色布局方面给我提出的建议，正是他的建议，才成就了我们网站整洁舒适的色彩效果；感谢余千里同学兢兢业业精益求精的忘我制作，正是他的努力，才