网页的规划准则
所谓网站（Website），是指在互联网上，依据特定规则，运用HTML等工具制作用于展示特定内容的相关网页的集合。简言之，网站是一种交流工具，如同公告板，人们可通过网站发布想要公开的资讯（信息），或利用网站提供相关的网络服务（网络服务）。人们可通过网页浏览器访问网站，获取所需资讯（信息）或享受网络服务。
呈现在您眼前的这个“界面”，就是一个网页。网页实质上是一个文件，它存放在世界某个角落的某台计算机中，而这台计算机必须连接互联网。网页通过网址（URL）进行识别与访问，当我们在浏览器输入网址后，经过一系列复杂而迅速的程序。网页文件会被传输到您的计算机，再通过浏览器解释网页内容，最终呈现在您眼前。Web站点主页应具备的基本要素包括：
页眉：准确无误地标识您的站点和企业标识；
电子邮箱地址：用于接收用户咨询；
联系信息：如普通邮件地址或电话；
版权信息：声明版权所有者等。
充分利用现有信息，如客户手册、公共关系文档、技术手册和数据库等。设计一个网站，应考虑以下九条基本要素，这些要素对网站的成功与否有着重要影响。
1.整体布局
网站主页犹如宣传栏或店面——给访问者留下第一印象，都希望给人留下美好的印象，不是吗？
一般来说，优秀的网站应给人以下感觉：
整洁有序；
条理清晰；
专业水准；
引人入胜。
网页应努力吸引而非淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择。就像一些商店，播放震耳欲聋的发烧音乐，您要做的唯一决定就是离开那里，越快越好。
2.信息
无论商业站点还是个人主页，您必须提供具有一定价值的内容才能留住访问者。因为我们人类总是追求利益，第一个问题总是：“对我有什么好处？”
因此，您必须提供某些有价值的东西，当然并非必须提供某些免费的物品——免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是：
信息；
娱乐；
建议；
对一些问题的帮助；
提供志同道合者联系的机会；
链接到有用的网页，等等。
如果您经营的是企业网站，需要提供关于产品或服务的信息：
易于理解；
易于查询；
易于订购。
3.速度
我们都知道，页面下载速度是网站留住访问者的关键因素。如果20-30秒还不能打开一个网页，一般人就会失去耐心。至少应该确保主页速度尽可能快，最好不要使用大图片。
应该时刻提醒自己，网站首页就像一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。
网上访问者也是“一闪而过”，保证您的首页简单而快速。网上有许多关于如何提高速度的文章——检查下载速度，放弃一切显著减慢主页速度的资料。
4.图形和版面设计
图形和版面设计关系到主页的第一印象，图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点，您不必让过分显眼的动画出现在首页——但如果您的网站是游戏站点，动画将是必不可少的一部分内容。
图片是影响网页下载速度的重要原因，根据经验，将每页全部内容控制在30K左右可以保证比较理想的下载时间，图象在6-8K之间为宜，每增加2K会延长1秒钟的下载时间。
颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：
红色和橙色使人兴奋并使得心跳加速；
黄色使人联想到阳光，是一种愉快的颜色；
考虑到您希望对浏览者产生什么影响，请为网页选择合适的颜色。
阅读西方格式文本时，眼睛从左上方开始。逐行浏览到达右下方，插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方，如果在左上角放置一幅小鸟的图片，鸟嘴应该放在把浏览者目光引向页面中部的地方，而不是把视线引走。
这种思路可以用于所有图片：
面部应该“看”网页的中部；
汽车的“停靠”面向网页中部；
道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。
一般总是把网站导航条放置在页面左边，也是出于这种考虑——不断地出现在浏览者的视野之中。
5.文字的可读性
我们仍然用广告牌的比喻来说明，文字要在广告牌上突出，周围应该留有足够的空间。也许您曾到过一些网站，要么拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读，要么深色的背景给人的感觉好象处于非常狭窄的空间里，而且让人的心情感觉很压抑。某些背景色的令人阅读困难；紫色、橙色和红色让人眼花缭乱。
文字的颜色也很重要，不同的浏览器有不同的显示效果，有些在您的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
参考报纸的编排方式，为方便或快速阅读将您的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体，通用的字体（Arial, Times New Roman, Garamond and Courier）最易阅读，特殊字体用于标题效果较好，但是不适合正文（试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受）。因为阅读费力，您的眼睛很快就会疲劳，不得不转移到其他页面。
另一种能够增强文字易读性的因素是你所挑选的字体，常见的字体（Arial, Times New Roman, Garamond及Courier）最为易读，特色字体适用于标题效果更佳，但不宜用于正文（试想阅读整页的Gothic, Script, Westminster或Cloister会是怎样的体验）。由于阅读费力，你的眼睛很快就会疲惫，不得不转向其他页面。
你明白我的意思了吗？
6.网页标题的易读性
必须尽量使你的网页易于阅读，除了分栏之外（将页面纵向分割），还需要利用标题和副标题将文档分段。
为所有标题和副标题设置统一字体，并将标题字体放大一号，所有标题和副标题都采用粗体，这样便于识别标题（字体放大加粗）和副标题（粗体，与正文字体大小相同），使浏览者一眼就可以看到要点，以便找出并继续阅读感兴趣的内容。标题的重要性显而易见，要认真写好每个标题！
也可以将整句采用粗体或用不同的颜色突出某些内容，但不要使用难以阅读的颜色。
7.导航
由于人们习惯于从左到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长页面来说，在最底部设置一个简单导航也很有必要（只需两项：主页|页面顶部）。
确定一种你满意的模式之后，最好将这种模式应用到同一网站的每个页面，这样，浏览者就知道如何寻找信息。
8.保护个人信息声明和客户推荐信
对于商业网站来说，最重要的事情之一是确保潜在客户的信心，你应该明确地告诉人们，如何对其兴趣、爱好，尤其是个人隐私保密，有必要专门用一个页面详细陈述你的保护个人信息声明，包括对访问者的email地址保密、如何接受订单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。
访问者也想知道你的产品或服务现有客户的反馈，所以如果能引用与你关系融洽的客户对你的积极评价，对你的可信度将很有帮助。
不要害怕向顾客索取推荐信——人们都愿意自己的意见有价值。
你可以把客户的推荐信另设计为一个网页，作为对客户提供推荐信的回报，在这里链接到客户的网站——这也是一种“双赢”。
9.词汇
一个网站如果只有漂亮的外观而词汇错误连篇、语法混乱，同样是失败的，对于网站所有者和负责人将产生很坏的影响，人们会用许多贬义词来评价你：粗心大意、懒惰、外行、没水平等等。
你愿意把自己辛苦挣来的钱花在一个连自己的网站都马马虎虎的人吗？
你可以按照上述步骤改进你的网站制作技巧；
你可以请人对你的工作进行校对、编辑；
你也可以请人为你制作网页；
总之，上述步骤在很多方面对你会有所帮助，不要因为对某些步骤的疏忽而影响你的网站的整体效果。 1.明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
2.吸引用户
如果用户不能迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。
3.优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更糟糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的，但是内容太贫乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。
4.快速下载
没有什么比要花很长时间下载页面更糟糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
5.网站升级
时刻注意网站的运行状况。性能良好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
6.坚持基本原则
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill或 Microsoft FrontPage Express或 Amaya，当然则是Dreamweaver啦，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。
7.学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
8.用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
9.“在计算机上永远也找不到好的方案”。——专家忠告
10.网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
11.“睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。”—专家忠告
-
“瞪大你的眸子，关注所有细节。对最不相干事物的观察能带来最佳灵感。审视一个站点的架构和布局。把握站点架构的核心要素，确保你的设计是围绕站点浏览体验来进行的。”—专家建议
-
点击原则
你是否听说过3次点击原则？对于小型网站，在你的首页上，没有任何一条信息需要点击超过3次。对于大型网站，利用导航和工具栏来优化用户体验。
-
特殊字体的运用
尽管你可以在你的HTML中使用特殊字体，但你无法预知访问者在他们的电脑上会看到什么。在你的电脑里看起来相当好的页面，在另一个不同的平台上可能非常糟糕。一些网站设计者喜欢使用CSS来定义特性，虽然这允许你使用特殊字体，但仍需要一些变通的方法，以免你所选择的字体在访问者的电脑上不能显示。级联样式表CSS有助于解决这些问题，但只有最新版的浏览器才支持CSS。
-
“采用实用的简单命名规则。”—专家建议
-
检查拼写错误
好的拼写是人们一生中重要的技能。然而遗憾的是，许多设计者都缺乏这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
-
避免长篇文本页面
在一个站点上有许多只有文本的页面，会让人感到乏味，也浪费了Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便访问者能离线阅读。
-
不要使用滚动条
人们不喜欢在网上使用滚动条。某站是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，访问者不得不使用滚动条。
-
专家最爱的Web设计工具
（1）. Adobe Photoshop
（2）. Macromedia Flash
（3）. Adobe Illustrator
（4）. Adobe ImageReady
（5）. Macromedia Dreamweaver
（6）. Macromedia Fireworks
（7）. Allaire Homesites
（8）. Microsoft Notepad
（9）. Macromedia Director
（10）. Lightwave
（11）. Macromedia Freehand
其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
-
网站简介
你应当有一个很清晰的网站简介，告诉访问者你的网站能够提供些什么。以便访问者能找到想要的东西，但是，许多设计者都没有这样做。有效的导航栏和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
-
“网站一旦发布，网站设计的优点和缺点全都暴露于众。没有什么方法能让你比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。”—专家建议
-
闪烁令人头疼
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头疼。如果你想使访问者再次光顾你的网站，就少用此方法。
-
背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
-
向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航栏，使浏览者能够从每一页上访问网站的任何部分。
-
专家建议：“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。”
-
点击计数器
不要轻易考虑在你的网站上放置一个醒目的点击计数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。
-
不要用框架
与计数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
-
去掉图像
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。
-
重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。
-
避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。
-
专家建议：“避免使用炫耀的技巧。”
-
选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。
-
尽量少使用Flash插件
尽管许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。但是，最好还是取消使用Flash做各接口的想法。
-
让用户先预览小图像
如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
若非得在网站上安置大型图像，那么推荐使用缩略图软件，将图像缩小版预览呈现，这样用户便无需浪费金钱和时间去下载那些他们本不想查看的大图。
-
动画与内容应紧密融合
务必保证动画与内容之间具有关联性。它们应与网页融为一体，而非显得生硬。动画并非仅是Macromedia Director等软件制作出来的简单拼凑。
-
声音运用需谨慎
声音的运用也需谨慎对待。内嵌声音是网页设计师的又一禁忌。因为过度使用声音会导致下载速度变慢，且并不能为浏览者带来多少实质性的好处。刚开始听到鼠标发出的声音或许很有趣，但反复之后一定会让人感到厌烦。在使用声音之前，应仔细思考声音可能带来的影响。
-
减少Java和ActiveX的使用
在网页制作中，应尽量减少Java和ActiveX的使用。因为并非所有浏览器都需要它们，只有Netscape和Explorer的早期版本用户才需要。此外，Mac在处理Java时也存在问题，过度使用Java可能会导致Mac崩溃。
-
打造成功的网站
蓝色梦想
七彩之鸟
ChinaUI
5D多媒体
-
谨慎使用插件
在Web设计中，过度依赖某些特殊插件会降低网站的吸引力。如果访问者没有所需的插件，他们将不得不前往其他站点下载，这可能导致他们不再返回。
-
使用知名插件
如果网站包含声音或视频，确保用户可以通过使用某个知名插件来播放。许多站点使用QuickTime、RealPlayer和Shockwave插件。因为许多访问者不愿意浪费大量时间和金钱去下载可能仅使用一次的插件。
-
追踪新技术
紧跟新技术的发展。Web技术的进步永远不会停止，因此应花时间研究新产品和开发技术。
-
创作自己的图像和声音
使用你自己创作的或从某个商业网站上下载的图像和声音。在制作商业网站时，应投入足够的资金来创建图形，以增强公司的宣传。
-
专家建议——“无论是游戏、图像、动画还是电影，想想你喜欢的设计是怎样的，这将激发你的创作灵感，使你创作出更优秀的网站。”
-
平台兼容性
为了用户着想，至少在一台PC和一台Mac机上测试你的网站，以确保兼容性。
-
使用软件分析工具查找错误
使用软件分析工具检查HTML。软件分析工具Doctor HTML可以帮助检查HTML中的任何问题。如果你需要检查许多网页，可以选择使用软件分析工具。
-
避免错误链接
网站中可能与其他一些有用的站点建立了链接。但是，如果你的网页上有链接，一定要经常检查它们，确保链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。
-
完成网站后再发布
如果网站尚未完成，就不要将其发布到Web上。所有优秀的网站都是在幕后完成后再发布的。
-
在搜索引擎上注册网站
除非你将网站在主要搜索引擎上进行注册，否则几乎没有人会发现你的网站。
-
设计留言板
浏览者愿意花费时间在优秀的网站上，因此最好有一个留言板，这可以激励访问者再次回到你的网站，并有助于丰富网站内容。
-
测试网站
在网站正式发布之前，必须进行充分的测试。在设计网站时，应使用最新的软件，但也要考虑到人们可能不会使用最新的浏览器，因此要照顾到以前的浏览器。在上传网站时，还要测试所有链接和导航工具栏。
-
专家建议——“尽你所能反复测试所设计的网站，直到你无法发现新的问题为止。”
-
演示即将发布的网站
在网站正式运行之前，让人们进行演示。演示过程中，人们会告诉你所设计的网站是否易于使用。
-
动画点缀
网页上的动画最多使用一个。
-
专家建议——“倾斜的按钮看起来不太美观，最好不要使用。”
-
内容组织
在开始创建新的网页之前，仔细考虑网站内容的组织。确定好想让访问者浏览的内容，然后设计导航系统。
-
“空白万岁”
注意留白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。
-
利用空白吸引注意力
为了吸引眼球，Web设计者使用各种方法，如闪烁、旋转等，但利用空白会吸引更多的注意力。——专家建议
-
图像压缩
为了保持图像较小，可以使用类似GIF向导的程序，它能自动对图像进行压缩。在图像显示之前，最好详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得更流畅，因为浏览器可以在图像下载之前在屏幕上显示整个网页。
-
设计失败的网站，从中找出原因，提高自己的鉴赏能力。
-
用户注册
如果能了解谁浏览了网站以及如何浏览网站，就能获得大量有用的信息。但是，要求访问者在浏览网站之前进行注册会带来风险，因为这可能会赶走一批不愿意注册的人。另一种获取信息的方法是通过有奖竞猜或金钱奖励，让用户主动填写信息反馈表。
-
提供交互功能
在网站上提供一些回答问题的工具，让访问者能够从网站上获取交互信息。
-
更新图片
尽可能经常更换网站上的图片，因为人们更愿意点击图片而不是文本。
-
提供游戏
游戏是很好的交互工具，也是吸引访问者再次光顾网站的好方法。
-
挑选工具软件
仔细选择Web设计工具。确保使用自己最想要的、自我感觉最好的软件。
-
使用最新版本的软件
尽量使用Web设计软件的最新版本，并确保能够进行免费或便宜的升级。
尽可能采用Web设计软件的最新版型，同时应确保能够获得免费或低成本的升级服务。1. 图像与文字的和谐性一个理想的网页布局能营造出平和愉悦的氛围，它不仅体现在文字的表述深度上，更体现在图像与文字的和谐统一。2. 视觉的差异性通过不同的色彩、不同的图形进行对比，在视觉上产生强烈的冲击，同时图形本身也要形成对比，唯有如此，才能使人们印象深刻。3. 张弛有度在网页制作中，也应注重张弛有度，避免整个网页单调乏味，应适当留白，运用空格或是调整字体间的间距，以实现不同的视觉效果。
现代网站如何确定设计风格
首先：网站布局
网站建设应以用户需求为核心，同样，网页的布局也应从用户的角度出发进行考虑，精心设计和规划网站的布局，即为用户和浏览者提供便利。
新版51LA
以新版51LA为例，尽管新版51LA的页面更为简洁大方，但对于站长而言，位置的变动却极为不便。设想一下，我习惯使用多年，一旦变动，我连位置都找不到，这不仅浪费了时间，也消耗了精力。在网页中去除非必要信息，每增加一个元素，都可能引起用户的不适，甚至阻碍用户完成任务。新版51LA应推崇极简设计，方便用户浏览，同时兼顾站长的喜好进行适当调整。
网站的布局形式多样，不同网站、不同企业类型布局各异，无论何种布局，应根据个人、企业自身情况，选择最合适的即为最佳。
其次、色彩搭配
我们每天都在接受色彩的熏陶，情绪和行为也在不知不觉中受到色彩的影响。生活中获取信息的途径大多依赖于“人体五感”中的视觉，而视觉也被称为“五感之王”。
美国流行色彩研究中心的一项调查指出：人们在挑选商品时，面对琳琅满目的商品，仅需7秒钟即可判断是否对商品感兴趣，并进一步了解商品的价格、功能等其他因素。在这短暂而关键的7秒钟内，色彩的作用占到了67%，成为决定人们对商品喜好与否的重要因素。这就是著名的“色彩营销”理论——《7秒钟定律》。
示例
一个网站的色彩设计已经为其奠定了基调、档次和气质。看似短暂的7秒钟停留，用户在内心已经对这个网站形成了初步印象。
新版51LA在网站中的色彩搭配相当合理，灰色与白色对于长期监测数据的站长来说，颇具耐看性。数据的波动线条也进行了颜色区分，但头部导航的黑色看起来不够顺眼，如果能让用户切换颜色选择就更好了。
第三、网页美化
网站设计的美化应遵循反复推敲和条理清晰的原则。
从客户的角度出发进行美化，作为站长的目的就是为了增加流量，从而获利，因此美化工作不可忽视的是浏览者的感受和意见，设计中必须站在客户的角度进行思考，如何使人们更愿意接受。
要解决这个问题，首先要对浏览者进行深入分析，利用统计数据分析人群，如深度浏览数据，以了解网站内容及设计是否得到浏览者的认可。然后，对网站内容进行整改或整体布局和美化。
做好网站布局，将行业定位、颜色搭配与时尚元素相结合，品牌形象才能在网站中逐步提升。只有做好定位，才能正确引导用户，这样的网站才是成功的。一成不变、保守僵化，最终只会原地踏步，甚至落后于他人。
