4 第4章 电子商务网站的内容设计与开发A.ppt

第4章 电子商务网站的内容设计与开发 主要内容 本章着重论述电子商务网站内容设计与开发的流程和具体内容。 电子商务网站内容设计流程 电子商务网站信息结构的设计 网页设计原则 网页的可视化设计 首页的形象设计 其他页面的设计 网页制作 案例: 讨论: 网站内容设计的成功要素 （一）整体布局 （二）信息 （三）速度 （四）图形和版面设计 （五）文字的可读性 （六）网页标题的可读性 （七）导航 （八）保护个人信息声明和客户推荐信 （九）词语 4.1电子商务网站内容设计的原则 新、精、专的信息内容 安全快速的访问 美感十足、方便用户访问的页面 4.2、电子商务网站内容设计的流程 收集关键信息，专人负责整理 网站信息结构设计 网站运行环境的选择 网页的可视化设计 网页制作 网站的维护与管理 电子商务网站内容设计的流程 4.3 电子商务网站信息结构的设计 4.3.1 网站的信息内容 与其功能模块 网站功能设计案例 通常网站应具备两类功能：服务功能和辅助功能。 例：（1）产品展示系统 ? 功能描述 产品展示系统为用户搭建网上全天候的产品展示厅，为企业管理与实时发布各种产品信息。 ? 设计思路 产品展示系统是基于数据库的及时发布系统 产品展示与产品管理 前台: 产品展示功能: 如推荐产品、显示产品分类、显示产品资料、检索产品资料等 后台: 添加产品 、修改产品信息、设置推荐商品 （2）网上购物系统 ? 功能描述 网上购物系统是在网络上建立一个虚拟的购物商场，使购物过程变得轻松、快捷、方便 ? 设计思路 网上购物与购物管理 。 前台：实现网上购物功能 如浏览商品、订购商品（购物车）、查询订单、在线支付、服务台等。 后台：实现购物管理功能 如管理订单、管理库存商品、发布订单处理情况、处理服务请求、设置管理权限等。 ? 网站结构设计 (1)建立网站逻辑模型图 (2)画出网站结构图 网站结构设计 （2）画出网站结构图 当确立了网站逻辑模型之后，就要将网站逻辑模型实例化，画出网站的物理结构图，供网站开发者建立网站实体。 4.3.2　 网站链接结构的设计 网站的链接结构： 　　是指页面之间相互链接的拓扑结构，它建立在网站目录结构基础之上。 网站链接结构的原则: 　　用最少的链接，使得浏览最有效率。 逻辑组织模型 逻辑组织形式:等 （1）线型 最简单的线型模型,是按顺序展现各个页面的内容。好处:提供了许多预见性， 引导用户下一步要去访问哪个网页。 扩展线型: 带抉择的线型，可以根据用户不同的抉择，比如回答 yes或no，来访问不同的下一个网页。 本 带选项的线型: 可使用户跳过一些不必要的页面，但是整体上又保证是顺序访问的。 比如当某个用户在某个站点第二次购买商品时，可以不需要再填写一次送货地址、支付方式等的订单信息。 带分支的线型结构:用户在浏览某个页面时，可浏览一下页面中相关介绍。 （2）层次型 层次型（树型）：用户要通过树从上到下一级一级访问，才可能最终访问到最底层的网页。 站点在整体栏目规划的时候都采用层次型结构 树状链接结构，即首页链接指向一级页面，一级页面链接指向二级页面。 （３）网络型 是指多个网页之间都有相互链接的一种结构，在任意一个网页上都可以通过一次点击就可以到达其他任何一个页面 好处:能使用户更方便地在站点上游或任何地点。 缺点:庞大链接的问题。 实现:在所有的网页上都保留其他网页的链接。 （4）混合型 大的站点都是采用混合型的结构来进行组织。 逻辑形式小结: 树状链接结构(一对一) 条理清晰 浏览效率较低 网状链接结构(一对多) 方便浏览 链接太多，容易迷路 混合结构 首页与一级之间用网站链接结构 一级与二级之间用树状结构 超过三级，在顶部设导航条 、网站的栏目规划 栏目规划: 确定站点的逻辑结构及栏目细节 确定站点的内容与服务，并将其分为不同的栏目。对各个栏目进行更细的栏目规划。 主要包括: 设定栏目及名字 确定栏目所含页面的内容(key) 逻辑结构 栏目规划的准则： (1)细致地划分主要内容栏目 (2) “开门见山”地列出主要内容 (3)首页设置超级链接和有哪些信誉好的足球投注网站引擎 (4)设定双向交流的栏目 (5)设置信息下载和咨询服务栏目 案例:建设一个有关服装的B2B电子商务站点，它包含哪些栏目? 要求: 用户注册与登录和服装分类栏目，包括女装、童装、男装，每一个分类栏目下又按厂商进行分类。 根据栏目规划的准则，主页与各个栏目之间可采用层