网站设计

   

   网站设计的实质内容包括：

01 明确内容

如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。

02 抓住用户

如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。

03 优化内容

内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels网站（www.channels.co.uk）在设计的某些方面是成功的，但是内容太贫乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。

04 快速下载

没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。

05 网站升级

时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。

06 坚持基本原则

即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。 为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。

07 学习HTML

用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。

08 用笔画一个网站的框架

圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。

09 “在计算机上永远也找不到好的方案”。 ——专家忠告

10 网站地图

许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。

11 “睁大你的眼睛，留意所有的事情。”

“对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” ——专家忠告

12 点击规则

听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。

13 特殊字体的应用

虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。

14 “使用切合实际的简便的命名规则。” ——专家忠告

15 检查错别字

目前做网站设计的公司很多，在这里推荐几家：中国万网（www.net.cn),上海尚易（www.vsall.com)等等，具体还要看你公司所在区域，以上资料仅供参考

好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。

16 避免长文本页面

在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。

17 不要使用卷滚条

人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。

18 专家最喜爱的Web设计工具

1.Adobe Photoshop

2.Macromedia Flash

3.Adobe Illustrator

4.Adobe ImageReady

5.Dreamweaver

6.Macromedia Fireworks

7. Allaire Homesites

8.Microsoft Notepad

9. Macromedia Director

10. Lightwave

11. Macromedia Freehand

12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。

19 网站介绍

你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。

20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告

21 闪烁让人头痛

通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。

22 背景颜色

背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。

23 向前和向后按钮

应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。

24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” ——专家忠告

25 点击记数器

不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。

26 不要用框架

与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。

27 去掉图像

在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。

28 重复使用图像

一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。

29 避免使用过大的图像

不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。

30 “避免使用炫耀的技巧。” ——专家忠告

31 选择使用Flash动画

许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。

32 尽量少使用Flash插件

虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。 但是，最好还是取消使用Flash做各接口的想法。

33 让用户先预览小图像

如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。

34 动画与内容应有机结合

确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。

35 慎用声音

声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。

36 少用Java 和AxtiveX

在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac（苹果机）在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。


发展趋势：

目前国内从事网站建设业务的企业有很多，几乎每个网络公司都在开展网站建设业务，同时，因发展方向的不同，产生了三大块主体网站建设群体：
第一类，行业门户网站。许多行业门户网站，在其VIP会员服务项目当中，包含了为VIP企业会员提供网站建设的服务，像阿里巴巴、中国纺织网等公司，吸引了大批行业类的企业注册成为他们的VIP会员，获得包括网站建设和维护在内的多种服务项目。行业门户网站的企业建站服务占到所有企业网站建设服务市场的20%；这类网站以模板型居多。
第二类，网络综合应用服务公司。指提供包括网络基础应用服务（如域名、主机、邮箱）和网络增值应用服务（如网站建设和推广）等业务在内的综合应用服务公司，企业网站建设是重要业务之一，业务总量占到所有企业网站建设市场的60%。像深圳九曲网等公司，通过网络综合应用服务业务的宣传与拓展，在业界具有良好的形象和口碑，提供的网站建设服务也普遍为客户所接受。
第三类，专业网站建设服务公司，以个性化网站建设业务为主，大多体现在制作出3D全景网站，FLASH全景网站等，突出个性化制作和客户长期跟踪服务，业务总量占到所有企业网站建设市场的20%。
在这三类中，第一类行业门户网站需要长期的客户资源积累，大量的资本运作，操作起来资金门槛不低。而第三类专业网站个性化设计需要高端技术人才，从而提高了技术成本门槛。因此，真正在市场上拼杀的主力军就成了技术和资金门槛相对低很多的第二类：网络综合应用服务公司。
网站设计的要点网站设计要注意的两个要点：整体风格和色彩搭配。
一、确定网站的整体风格  
    网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。  
    风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。  
    在这里，我提供给大家一些参考经验：  
    1．将你的标志logo，尽可能的放在每个页面上最突出的位置。  
    2．突出你的标准色彩。  
    3．总结一句能反映贵站精髓的宣传标语！  
    4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！  
    二、网页色彩的搭配  
    无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。  
    关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。  
    1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。  
    2．用两种色彩。先选定一种色彩，然后选择它的对比色。  
    3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。  
    在网页配色中，还要切记一些误区：  
    1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。  
    2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。