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

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