电子商务网站功能及页面设计

长春工业大学经济管理学院电子商务网站建设与管理实验报告（三）学生姓名：专业：电子商务班级：学号：指导教师：2014年10月17日1实验三电子商务网站功能及页面设计一、实验目的：学习网站功能规划；掌握网站页面设计技巧二、实验内容：你可以选择你熟悉的行业背景和公司，对其进行电子商务网站设计。如果该组织已有电子商务网站，你也可以对其网站信息进行重新分析与组合，制定一个改进设计计划。三、实验过程：可选背景1：刘燕应聘到一个运动品牌公司的IT部门工作。该运动品牌公司主要经营体育运动产品、运动服装以及一系列与运动相关的商品。其经营范围和迪卡侬公司非常相似。为了拓展业务和提高企业竞争力，该公司决定推出商务网站。公司希望通过这个网站，宣传自己的企业文化，介绍产品，并和客户建立良好的沟通渠道。另外，公司希望网站能将原有的库存信息管理软件、财务软件等整合在一起，让员工实现网络办公。公司希望刘燕完成该网站的结构设计和栏目设计。如果你是刘燕，你将怎样完成这次工作呢？请结合所学的内容，帮刘燕完成这次设计工作。可选背景2：慧智商店是一家文具用品商店。经营的内容有：文化学习用品、礼品、长毛绒、休闲流行商品等。由于商店位于3所高校旁边，主要客户是这三所高校的学生、老师和附近的居民。据统计，这三所学校的学生近两万人。慧智商店的主要经营品牌类文具，如hellokitty、酷儿宝贝、百能、101酷狗等，吸引了附近的很多学生和青年的客户，商铺的客流量很大，生意一直不错。经过多年的经营，积攒了一些客户和生意经。学校的很多办公用品也常常会从这里采购。由于最近市政动迁，商铺门面将要拆除，而且在最近2年内都无法在附近建立新的门面。慧智的老板非常痛心，生意如何继续经营呢？经过仔细的市场调研和分析，慧智文具店决定开辟网络店经营。货品渠道照旧，自己家当仓库，网上开店。将新店网址发给每一个老客户，并在其他网站上作一定的宣传工作。所有附近学校和居民的客户，实行免费送货。远的客户，找快递公司送货，收取一定送货费用。方案有了，网站怎么做呢？网站要做成什么样子呢？你能帮慧智文具网站制作一个商务网站吗？提示：1、网站的信息结构分析分析网站的信息结构。本网站将提供哪些信息，要求画出功能结构图。2、网站的功能结构设计为了实现网站的建站目的，本商务网站将提供哪些功能？要求写出各功能详细介绍。3、网站的主要页面设计要求画出首页设计图。智慧文具店网站功能及页面设计一、网站的信息结构分析为了方便学生、老师及居民的需求，在商店拆迁期间本网站将提供网站经营的商品信息查询，包括商品的分类有hellokitty、酷儿宝贝、百能、101酷狗2等；商品的购买；会员登录；购物车；交流互动；最新消息等。网站需要宣传产品，产品的具体信息及图片由产品部提供，价格由销售部提供。而产品在页面的布局由网站设计人员完成。目的是为了在近两年内为3所高校的学生、老师和居民提供商品信息的查询和商品的购买，以及商品物流查询，还有所有人的互动。本网站的功能结构图如下：二、网站的功能结构设计为了实现网站的建站目的，本商务网站将提供如下功能：会员信息管理、产品橱窗、信息发布系统、网上购物系统、在线搜索、在线反馈系统。（一）会员信息管理主要应用于网上购物系统、BBS系统结合，提供身份认证功能。当网站上有一部分信息是限制访问，有一些栏目只有会员才可以参与，或者与实际经营相配合，需要从网站上招募一些会员，则需要这个系统。浏览者在线填写注册表，经后台管理员审核后实时成为网站全员；前台会员可自行维护个人注册信息，可对个人注册信息进行修改和删除，如遗忘密码可在线查询密码；后台设置会员管理界面，管理员可对会员信息进行分类查询（日期、姓名）、对无效会员进行删除；会员系统一般需要与其他系统结合，为其他系统提供辅助的登录验证功能。（二）产品橱窗智慧文具店网站产品介绍专栏，内部包含了产品详细信息，同时具有在线交易功能。该栏目包含了“精品推荐”、“其它产品”两个二级栏目页面。力求通过这些栏目着重智慧文具店网站的产品线，通过文字、图片的形式展示产品详细信息，建立智慧文具店网站在业界中专业、优秀的企业形象。同时，使访客能快捷、全面的找到期望了解的产品信息，利用购物车结合会员功能可以在线购买选定的产品。精品推荐：在该栏目中可以放置智慧文具店网站的主打产品或市场主推产品的信息。通过单独的专栏吸引客户的注意力。该栏目可提供在线交易。（三）信息发布系统新闻发布系统，是将网页上的某些经常变动的信息，如：网站新闻、业界动智慧文具店网站交易板块辅助模块管理模块文具用品板块新产品推荐产品明细购物车购物指南联系我们交流互动文具用品管理客户管理订单管理3态等集中管理，按某些共性分类，通过简单的操作加入数据库，发布到网站上的一套系统。它可以大大减轻了网站更新维护的工作量，加快了信息的传播速度，使网站时时保持着活力和影响力。支持新闻按类别、关键词、发布日期等条件检索；支持新闻类别的管理，可添加、删除、修改新闻类别；支持图片，每条新闻可配上图片，并选择图片与文字的显示方式；发布新闻时，管理员可根据新闻的重要性，指定新闻是否属于热点新闻；提供各种统计方式，帮助您分析新闻浏览情况；提供HTML编辑器，新闻图片的数量和放置位置不受限制，并且可方便的象编辑WORD文档那样编辑新闻内容的字体、颜色等。（四）网上购物系统网上购物系统，是在网络上建立一个虚拟的购物商场，避免了挑选商品的烦琐过程，使您的购物过程变得轻松、快捷、方便，很适合现代人快节奏的生活；同时又能有效的控制“商场”运营的成本，开辟了一个新的销售渠道。采取会员制，只有有效的会员才可网上购物，保证交易的成功率；强大的查询功能，快捷的找到感兴趣的商品；会员购物流程：浏览、将商品放入购物车、去收银台；每个会员有自己专用的购物车，可随时来选择其中的商品结帐；完善的会员服务功能，可随时查看帐务明细、订单明细；会员购物排行榜，以购买量评出几名最佳消费会员；商品销售排行榜，以销售量来评出几个最热销的商品；管理员在后台可方便的管理、查看订单，管理员可根据实际处理状态修改订单的当前状态，便于会员查看；管理员可轻松发布、删除、修改商品信息。（五）在线查询顾客可以在登陆网站后，进行会员注册，然后可以可以在网站上面进行在线搜索商品。这样可以让顾客更全面的了解网站上面的商品。（六）在线反馈系统留言反馈系统在网站与用户间建立一种沟通渠道，用户对企业产品及服务的需求可以通过这个系统传递给企业。浏览者在线填写留言表单，留言内容以EMAIL的形式发给管理员；对不同的浏览者，可根据选择的不同身份，自动变换不同的表单内容让其填写，或者对于不同的反馈类别，自动变换不同的表单内容让其填写；留言内容除以EMAIL的形式发给管理员外，还记录在数据库中，便于管理员随时登录到后台查看；所有留言内容显示在网站上，可让其他访问者浏览。三、网站的主要页面设计（一）主页布局与内容设计制作·页面设计：导航栏、logo、banner、按钮、照片、文字。·页面图片设计制作。·页面文档设计排版。·超链接设计：在网页中，单击了某些图片、有下划线或有明示链接的文字就会跳转到相应的网页中去。·表单设计。·动态图标、文字、层的设计。·其他相关信息设计。（二）二级页面布局与内容设计·页面结构设计（框架网页、共享边框）。4·超链接及信息项表设计。·与主页协调的风格设计。首页设计图：