网站制作精髓的65条原则

01.内容清晰

如果你想成为一名网站设计师，正在建设一个网站，你应该首先考虑网站的内容，包括网站的功能和你的用户需要什么。你的整个设计应该围绕这些方面展开。

02. 抢用户

如果用户不能快速进入你的网站，或者操作不方便，那么网站设计就失败了。不要让用户失望并转向竞争对手的网站。

03.优化内容

内容是核心。大约两年前，一个企业网站看起来像一本广告手册，更糟糕的是，它使用了似乎需要几个世纪才能下载的大量图片。

香奈儿网站（www.tlkjt.com）在某些方面的设计是成功的，但内容过于稀疏，需要很长时间才能找到你要找的东西，因此不能算是一个成功的网站。

04.快速下载

没有什么比需要很长时间下载的页面更糟糕的了。根据经验，标准网页不应大于60K，并且在56K 调制解调器上加载需要30 秒。一些设计师说网页应该在15 秒内加载。

05.网站升级

时刻关注SEO网站优化的运行状况。性能良好的主机可能会随着访问者数量的增加而运行缓慢。但是，如果您不想失去访问者，请务必仔细计划您的升级。

06.坚持基础

即使您不懂HTML 语言，您也可以通过购买受版权保护的WYSIWYG 网页设计工具（例如Adobe PageMill 或Microsoft FrontPage Express）来创建外观合理的网站。然而，根据设计，这些包虽然不需要HTML，但会减慢网站速度。

为了成功地设计网站，您必须了解HTML 的工作原理。大多数网页设计师建议网络新手应该在有关HTML 的书籍中寻找答案，并使用记事本创建网页。

07. 学习HTML

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

08.用笔画出网站的框架

圣人云：笔比刀厉害。在使用电脑之前，用笔画出一个网站的框架，显示所有网页之间的相互关系。计划您的用户将如何在最短的时间内浏览您的网站。

09.“你永远不会在计算机上找到好的解决方案”。 ——专家指教

10. 网站地图

许多设计师将他们的站点地图放在网站上，但这种做法弊大于利。绝大多数互联网访问者都在寻找一些特定的信息，他们对您的网站如何运作并不感兴趣。如果您认为您的站点需要地图，那么您的导航和工具栏很可能需要改进。

11.“睁大眼睛，注意一切。

最好的灵感来自对最不相关事物的观察。观察站点的结构和设计。了解站点结构的关键元素并确保您的设计围绕站点导航展开。 ” —— 专家建议

12. 点击规则听说过3 次点击规则吗？对于小型站点，主页上没有一条信息需要点击3 次以上。对于大型站点，使用导航和工具栏来改进操作。

13.特殊字体的应用

尽管您可以在HTML 中使用特殊字体，但无法预测访问者将在他们的计算机上看到什么。在您的计算机上看起来不错的页面在不同的平台上可能看起来很糟糕。一些网页设计师喜欢使用定义属性，这允许您使用特殊字体，但仍然需要一些解决方法，以防您选择的字体不显示在访问者的计算机上。层叠样式表(CSS) 可以帮助解决这些问题，但只有最新的浏览器才支持CSS。

14.“使用现实方便的命名约定。” —— 专家建议

15. 检查拼写错误

良好的拼写是人们生活中的一项重要技能。不幸的是，许多设计师缺乏这种技能。确保拼写正确，并格外注意经常容易拼错的拼写错误。

16.避免长文本页面

在网站上拥有许多纯文本页面是乏味的，并且会浪费Web 的潜力。如果您有大量基于文本的文档，您应该将它们以Adobe Acrobat 格式放置，以便您的访问者可以离线阅读。

17. 不要使用滚动条

人们讨厌在网上滚动。 Trouble 网站(www.Trouble.co.uk) 是一个典型的设计糟糕的网站。它基于浮动结构，为了阅读所有文本，查看者必须使用滚动条。

18. 专家最喜欢的网页设计工具

1.Adobe Photoshop

2.宏观

media Flash
3.Adobe Illustrator
4.Adobe ImageRead
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,HTMLValidator等。

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崩溃。

37.设计成功的网站
www.emju.com
www.bmw.co.uk
www.yugop.com
www.comicrelief.org.uk
www.dreamcast-europe.com
www.newsunlimited.co.uk
www.newbeetle.com
www.swoon.com
www.viaduct.co.uk

38.慎用插件
在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。

39.使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。

40.使用先进技术
跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。

41.自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。——专家忠告

43.平台的兼容性
要为用户着想，必须最少在一台PC和一台Mac机上测试你的网站，看看兼容性如何。

44.用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查，可选用软件分析工具。在网址www.weblint.org/validation.html中，你能够找到更多有效的HTML工具。

45.避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。

46.给观众成熟的东西
如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。

47.在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。

48.设计一个留言板
浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。

49.测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。

50.“尽你所能反复测试所设计的网站，直到你不能发现新的东西为止”——专家忠告

51.演示即将发布的网站
在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否容易使用。

52.动画点缀 网页上的动画最多只用一个。

53.“倾斜的按钮看起来不会太好，最好不要使用。”——专家忠告

54.内容组织
在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览的内容，然后设计导航系统。

55.“空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。

56.“利用空白去吸引注意力。
为了吸引眼球，Web设计者使用各种方法， 比如：闪烁、旋转等，但是利用空白会吸引更多的注意力。”——专家忠告

57.图像压缩
为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩。先声明图像的大小
在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

58.设计失败的网站

——在它上面找一件T恤衫要花一个小时；
——给顾客承诺的服务太多，但真正实现的太少；
——二年以前的设计水平，忽视了顾客的需要；
——不吸引人，主页太雷同

——设计太差
.
——没有新意
——导航不知所云

59.图像大小属性 可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

60.用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。
61.使网站具有交互功能 在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。

62.图片更新
尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。

63.在网站上提供游戏
游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。

64.挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。

65.使用最新版本的软件
尽量使用Web设计软件的最新版本。
本文发布于北京网站建设公司推来客http://www.tlkjt.com/

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！