网站的设计，在设计之前，必须对网站进行总体规划，然后再逐步进行设计。用户不能一开始就先忙着准备材料，再盲目地把所准备的材料进行简单地堆积，这样不仅可能造成网站组织混乱、风格不统一，而且有可能在日后增加或删除某一方面的内容时，导致整个框架的修改。也就是说，这样做一方面不能得到预期的结果，另一方面所作修改的工作量是十分巨大的。因此当用户要设计一个网站时，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所示）。