电子商务网站的总体设计与策划

网站的设计，在设计之前，必须对网站进行总体规划，然后再逐步进行设计。用户不能一开始就先忙着准备材料，再盲目地把所准备的材料进行简单地堆积，这样不仅可能造成网站组织混乱、风格不统一，而且有可能在日后增加或删除某一方面的内容时，导致整个框架的修改。也就是说，这样做一方面不能得到预期的结果，另一方面所作修改的工作量是十分巨大的。因此当用户要设计一个网站时，1、首先要确定一个网站的主题，接下来才是着手准备材料。收集好材料应考虑如何组织好这些材料，如何让浏览者以最方便、最快捷的方式来浏览。

与其他媒体不同，网站设计是一种平衡的艺术。一方面，希望网站页面漂亮，另一方面必须考虑其下载要求。所以必须综合考虑这两方面，强调一面，必然会削弱另一方面。

2、网站创建的基本原则（市场调查，搜索资料）

只有为公司创造效益，电子商务才有生存意义。

创建网站和我们创业一样，关键是一个好的定位，要使你的网站从成千上万的网站中脱颖而出，最主要的秘诀是独特的视角和准确的定位。

建设一个站点，需要从一开始就明确站点的目标，规划站点的主要构成部分及各部分的功能和风格，接下来是具体各个部分的制作，最重要的是对完成的站点进行维护和排错以及更新，因此建设一个站点比制作一个网页需要更加专业的知识。

建站前首先要对市场进行调研，了解市场的购买力，购买人的购买习惯，购买人的性别、年龄、文化程度、职业等；还应了解哪些商品是畅销的，哪些商品是滞销的，哪些商品是紧缺的。一般来讲，应分析同类商品市场的规模和市场大需求量。还需要查询经营同类商品的电子商务网站，了解它们的长处和短处。结合自己公司的专业特长和能力，分析有无能力去抢占市场份额。做电子商务的人要把握住电子商务的本质。

电子商务的本质不是电子技术，而是商务手段。所谓商务手段就是做生意。公司在做生意的过程中，首先要处理好与供应方的关系，就是要将货物的采购过程做好，对于进货的品种、数量、价格要有预见性，既不要造成库存积压，也不要造成货品短缺。其次要做好物流与仓储管理工作，以最小的成本换取大的价值。比较重要的是与客户建立良好的关系，以客户为中心，尽可能满足客户的需求。

在网站设计与管理的基本过程中，每个环节都涉及了许多内容。在实施中，可以根据具体的需求增加与调整相关的内容。

3、网站的内容策划

建立一个电子商务网站好比写一本书，首先应拟好提纲，确定主题，规划好结构。一个较大型的电子商务网站内容繁多，如果网站结构不清晰，内容杂乱，浏览者会看得糊里糊涂，而且网站的扩充和维护也会相当困难。

网站是由一个个网页组成的，因此网页组织非常关键，网页组织的好坏直接关系到网站的成功与否。一般来说一个好的网页，应该遵循以下三个原则：

3.1 包含一定的信息

（1）网站的名称好的网站名对网站的形象宣传和推广能起到很大的作用。网站名字即主题是网站的灵魂。一个好的网站首先要确定好主题。没有吸引人的主题，再好的色彩搭配和特效，也留不住来访者。选择主题是制作网站的第一步。名字可以用中文、英文字母和数字组成，如OA365、85818、EG365 、搜狐（sohu）等。如果名字朴实无华，再加上能体现一定的内涵，就能给浏览者更多的视觉冲击和空间想象力。再者，站名要有特色，应避免与其他网站同名。如很多人知道“sina”网站，但知道他的IP地址或其他域名的人很少。

Internet网上的主题题材丰富多彩，琳琅满目，如有文学方面、女性方面、艺术方面、旅游方面、健康方面、金融方面、音乐方面、体育方面、电脑园地、软件方面、硬件方面、免费软件、Internet方面、幽默笑话等等。

（2）网页的标题好的标题应能体现网页的主题和风格，让访问者很快记住你的主页。但切记，用一个能吸引来访者注意力却与主题无关的标题是不可取的，这样只会让访问者感到厌烦。

总之，网站题材和名称的定位是设计一个网站的第一步，也是很重要的一步。一个好的电子商务网站与普通公司一样，需要有特色的形象包装和设计，有创意的形象设计非常重要。应该设计一个让人过目不忘的标志。标志一般由漂亮的文字、简洁的图案、鲜明的颜色组成，如美国的Intel、Microsoft、IBM、HP等公司的标志就能给人以深刻的印象。

（3）网站的结构

做网站就像搭积木。设计版面的常用招数是拿一张白纸、一支笔，先勾画出你理想中的草图，然后再用相关的制作软件来实现。而且你可以参考网上众多的站点，博采众长。如果你实在感觉有点力不从心的话，也不要紧，网上有许多精美的网页模板可供下载，从中挑一个中意的，再加上自己的一些修饰和雕琢，做一个能够很好地反映网站主题的框架也不难。

一个网站的页面必须清晰明快、布局合理、重点突出，才能吸引浏览者的关注，网站的总体布局直接关系到能否吸引浏览者。在对一个网站做好统筹规划后，应针对网站的主题收集各种相关的资料，并对所有的资料进行仔细甄选，然后根据网站主题设计一些页面的样式，规划好网站的框架，整理出站点的内容之间的逻辑结构图。

电子商务网站一般应包括企业简介、产品介绍、服务内容、价格信息、联系方式、网上订单等基本内容。另外，电子商务类网站还应该提供会员注册、详细的商品服务信息、信息搜索查询、订单确认、付款方式、相关帮助等方案。

网站的重要信息应放在突出醒目的位置上，对主要商品的描述应该尽量细致，让浏览者能在最短的时间内了解商品的信息。

规划网站内容时应该将所有信息按类别分开，分别纳入不同层次的页面中。应先把主要的内容放到首页上，其他内容分主次地依次安排在下级网页页面中。应该依据要建立的网站内容确定站点的结构图。网站的结构图有顺序结构、网状结构、继承结构、Web结构等。多数比较复杂的电子商务网站会综合应用几种不同的结构图。定义好网站结构图的目的是便于有效地组织站点的页面链接，这种网站结构图将有利于网站的创建和维护。

（4）内容 网页的内容第一重要。网页内容一定要精、专，所以网页的内容必须有自己的独创性。

做网站内容一定要充实，要经常更新，还要有一定的交互性，在网站的可读性、阅读方便性上也要多花点心思。另外，尽量避免出现杂货铺式的网站，什么东西都一股脑地往自己的网站上堆，势必分散访问者的注意力。网站要合法、合理、合情，不能用反动的、庸俗的、色情的、低级趣味的名词或语句。

另外，创建网站应确定网站的基本色彩，网站的色彩不宜太多，不然会给人颜色杂乱的感觉，影响来访者的情绪。网站的标志、主菜单、大标题应与网站的基本色彩协调，一般可采用固定的色彩搭配，给客户一种熟悉的感觉。

色彩是网站的衣裳。页面的色彩搭配是与网站的主题分不开的，好的页面搭配能够烘托主题，增强主题的表现力。在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色(与背景对比明显)，按钮、边框、背景等使用彩色，这样，页面既不显单调，浏览时也不会有眼花缭乱的感觉。

色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其他颜色。不过主基调色还好确定，关键是其他颜色的搭配，一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉；红色和黄色、金色搭配能渲染喜庆的气氛；而金色和咖啡色搭配则会给人带来暖意。选择一种与主题基调一致的方案，并由此发挥，就形成了整个网页的色彩。整个页面在视觉上应是一个整体，以达到和谐、悦目的好视觉效果。在具体操作时，可以借助一些好用的工具软件来辅助完成这些工作。

色彩的运用在网页中的作用真是太重要了，有些网页看上去十分典雅、有品位，令人赏心悦目，但是页面结构却很简单、图像也不复杂，这主要是色彩运用得当，因此特地将本来属于图像制作内的色彩作一个介绍。

（5）指向网页的链接或指向网站其他网页的链接网站设计有一个非常著名的原则---“三次单击”原则，即网站中的任何信息都可以最多三次单击后找到，通过三次单击后访问者可以到达网站的任何地方去，这样做的目的就是方便访问者的浏览。

（6）网站的建立或更新日期这些信息也是比较重要的，因为可以让浏览者很快知道哪些信息是最新的。

（7）版权说明可以在网站设置一个版权说明，这样当被侵权时，有很大的帮助。

3.2 网页的长度要合适

一般来说，网页的长度太短的话，就无法容纳足够多的内容，也就无法提供足够多的信息。反之，若网页的长度太长，首先其下载速度过慢，其次不方便浏览者的访问，因为他们需要不断地翻动屏幕，在滚动屏幕的过程中，也很容易错过网页中的某些内容。根据经验，网页的篇幅一般限制在2页到3页之内。

3.3 建立经营内容明确的电子商务网站

电子商务网站选择经营项目和内容时必须有自身的优势，必须有明确的经营目标，这样才能建立一个能够盈利的电子商务网站。例如，可以建立一个经营计算机整体和配件的电子商务网站，该网站提供各种计算机整机，有台式机、便携机。网站提供各种型号和规格的计算机零配件，如CPU、内存、主板、硬盘、显示卡、网络设备部件等。网站也可提供各种外部设备，如打印机、显示器、扫描仪、数码相机等。以上各种商品的规格、品牌、特性、性能、实物照片、价格等都应一目了然。

也可以建立一个经营办公用品的电子商务网站，在网上开办一家文具办公用品经营公司。可以经营办公自动化用品、办公耗材类用品、办公文教类用品、通信设备类用品、办公家具类、商务礼品类等几大门类。

还可以建立一个经营旅游业务的电子商务网站。近年来随着生活水平的提高，人们已经不再满足于吃穿住，而是外出旅游，享受大自然。一部分人现在选择旅游地点和方式的意识已经越来越强，他们需要通过查询大量的资料来确定旅游方式和目的地，而传统的旅行社提供的服务已满足不了这部分客户的要求，而旅游电子商务网站却为他们提供了便捷的途径。

4、网页的版面设计

版面是一项非常重要的工作，他涉及方方面面的内容。因为它要利用有限的空间，将各种文字和图片有效地组合在一起。文字太多，显得沉闷，缺乏生气；图片太多，缺少文字，就显得信息量过少。图片和文字又不能简单地堆放在一起，同时还要考虑色调搭配问题。

在设计版面时应该努力做到简洁、美观、主次分明、图文并茂。版面又因人而异，每个人的兴趣不同，因而影响不同的板式，没有定式。那么如何设计好自己的版面呢？一般来说可以依据以下几个原则来设计。

4.1 尽量简洁

简洁是版面最重要的原则。因为涉及网页的主要目的是为了了解信息，网页上的信息是最精华的、最重要的，除此以外的东西均应处于次要地位。不要使版面显得过于花哨，虽然访问者会被精美的动画和花哨的图片所吸引，但访问者真正关心的是网页的内容，如果网页的内容是有价值的，那么他们才会经常地光顾。在这方面有很多的大网站是值得大家学习的。

选择合适的主色调。

4.2、网站的风格

网站的风格要统一。因为一个网站是由很多个网页组成的，如果每个网页的风格都不一样的话，那么一定会使整个网站显得凌乱、不协调，甚至很容易使浏览者感到迷惑，不知自己是否还在同一个网站内浏览，所以一定要使网站的风格保持一致。特别是一个网站由多个人来共同开发的情况下，更应注意这个问题。一般来说，要使网站的风格保持一致，可以从以下几个方面着手：

版面设计要一致。如网页的主色调要一致，字体的风格要一致（包括字体的类型、大小、颜色等）。网页中的有代表性的东西要一致，如网站的名称、网站的徽标、有代表性的图形和动画等均要一致。

导航条的风格要一致。导航条实际上就是一组链接，它可以告诉浏览者目前所在的位置，而且可以使浏览者很方便地转向网站中的其他页面。一般说来，在网络中的每一页都要设置一个导航条。设置导航条的风格要一致，如导航条在网页中的位置要统一，所有的导航条要么都用文本，要么都用图形，如果用的是文本的导航条，那么字体的大小、颜色均要统一。为了保持整个网站的风格统一，最好是使用CSS技术。

精彩的内容，加上漂亮的图片和迷人的动画无疑是吸引浏览者的一个好方法。但是一张图片往往是几KB甚至达到几十KB，动画是图片几倍甚至几十倍的大小，所以必须考虑带宽的问题。如果能做到既有丰富的内容、漂亮的图片和动画，同时其下载速度又快，那么浏览者肯定会再次光临该网站。对网页进行优化就是要平衡两者，让两者达到好状态，可以从以下几个方面来着手。

网页的长度不要过长一般来说，网页的长度不要超过三屏为准。超过三屏会使网页下载速度过慢，很容易使浏览者转向访问其他的网站。

使用的图像宜小而精俗话说“一图顶千言”，一张小小的图片，可以精确地表达意思。再说如果只有文本而没有图片，那么整个网页会显得枯燥无味，引不起浏览者的兴趣。但是如果图片过多会导致传输速度过慢。一般来说，单张图片的容量不得超过30KB，每页图片总量不要超过60KB就可以。这样的下载速度是可以接受的。如果不得不使用大的图片，那么可以把大的图片分割成几个小的图片，然后再编辑其中设置间隔为零，这样可以加快其传输速度。

图片的尺寸（长度和宽度）定义图片的尺寸虽然不能减少图片的长度，但是可以加快网页下载的速度。因为有些浏览器每收到一张图片，事先要算出图片的尺寸才能显示出来，如果事先设置好，那么浏览器就不用花费时间去运算图片的大小。再说如果事先设置好尺寸，那么浏览器在图片还没有完全下载时,就知道图形的大小，这样下载过程中就可以安排图片临近的文本了，否则的话，只有等图片全部下载完毕后，计算大小，然后再安排邻近的文本。

正确选择图片格式图片格式比较多，但是网上常用的图片格式有GIF和JPEG两种，色彩鲜艳、高分辨率的，就用JPEG格式；色彩单调，低分辨率的，用GIF格式。另外需要有特殊功能的图（如动画、背景透明、渐显等功能），用JPEG格式。如果真的是无从选择哪种格式，那么就干脆分别存储成两种档案格式，看看哪个档案比较小，就用那个。

降低颜色数目可以使用绘图软件来减少图片的分辨率，而达到减少图片的长度，这样做出的图片虽然看起来不及杂志那样光滑和细腻，但是只要清楚就可以。

使用图片简图如果要显示长大的图像时，则可以用一幅尺寸较小的缩略图或文字链接指向它，或把它分割为几幅间距为0 的小图，这样访问者可以自己选择是否要显示大的图像。另外别忘了加上ALT属性。这样，在浏览器中关闭图像显示项时，能够显示ALT属性。例如:。

慎用动画动画的容量一般是图像的几十倍大小，所以在一页中动画一般少于3个，并且每个动画要控制在15KB以内。

慎用Java程序目前Java程序的运行速度实在慢，使用Java会使得网页速度减慢至少50%，由于浏览器的版本不同，有时候等候半天，却告诉Java Applent不能启动。一般说来每个页面不要使用超过2个以上的Java程序，能够用Java Script替代效果的，则尽量不要使用Java。

使用缓存默认情况下，浏览器在下载一个文件前，会先到缓冲区中查找，如果缓冲区中有相同的文件名则直接调出来，而不是从网站上下载。那些在网站中重复出现的文件。比如徽标、页首或导航条就不必一遍一遍地下载。这样就大大加快页面的读取速度。

（三）-撰写网站策划书

一份详细的策划书可以为你节约大量的时间，提高你的工作效率，最主要的这是你成功的基本保障。

参考案例：

1．目标描述

根据电子商务网站的整体策划要求，并以“重庆曼宁网上书城”网站整体策划为实例，从电子商务网站栏目规划、主页内容布局、CSS网页布局等几个方面来展开对电子商务网站策划。模仿此实例，自己选定一主题，例如可以选定“女性”、“鲜花”、“网上书店”、“某某企业”、“电子产品”等，进行电子商务网站策划；要求规划网站相应内容、画出框架图、文字或图示网站策划的主题思想。

2． “重庆曼宁网上书城”网站基本栏目架构图

图 1 栏目框架图

1）确定网站主题

2）确定栏目

3．项目选题与策划

1）针对本项目目标任务描述自己选定一主题，进行项目策划。

4．策划方案的确定

同学之间可以交流讨论，形成自己最终策划方案思想；撰写电子商务网站规划书必须包含以下几点：

[1]电子商务网站需求分析；

[2]可行性分析；

[3]网站主题；

[4]网站的名称；

[5]定位浏览人群；

[6]网站主色调；

[7]网站风格；

[8]画出栏目框架图：（参考图1所示）。

网页标题：电子商务网站的总体设计与策划
文章链接：https://www.cdcxhl.com/news38/225288.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有电子商务等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联