网站整体设计技巧
在这个Internet时代，WWW网站到处都是。如今编写HomePage也没原来那么麻烦，只要会打字，几乎人人都会，但做得好不好，就要看个人功力与用心。网站的目的是为别人提供所需的信息，这样人家才会愿意光临，网站才有其真实意义，但有太多网站显然忘了这个目的，复杂的创意技巧跃居主角，而一些体贴用户的设计却不得而见。我们今天的专题，就讲进大家在做网站时应该具备一个怎样的整体设计思路。
一、网站前期及底层设计
一个好的网站在进行实际的HomePage制作之前，首先应该考虑到很多问题。它们包括有∶牢记用户优先的观念、考虑大多数人的连线状况、考虑使用者的浏览器，以及内容第一等等。因此，网站制作的前期考虑是很重要的。
当然，做网站不可避免地要和技术打交道。但我们首先应该想到的，不是怎么体现自己最新、最复杂的技术，而是应该想到什么技术既能达到自己的需求，也能够给用户带来方便，这需要一个平衡点。我们甚至要为用户考虑合理的网络管理结构。
二、网站页面表现设计
考虑到以上两点，你的网站是能够在最底层体贴用户了。但是，既然称之为最底层，大部分用户还不能感受到这些最细微的设计对于他们的好处。你现在就应该在页面实现上想办法使网站更具有可使用性。
一个法律咨询公司的网站和一个音乐网站的目标浏览者，是会不一样的，相应的网站设计当然也就会有所差别。我们要知道哪些人是需要访问你的网站，他们的习惯又是什么，来进行网页设计要素分析。
所谓的网页制作技术，就小编我来理解，就是一些花里忽哨的东西。真正好的网站，是不需要这些虚的东西的。我最深恶痛绝的就是什么乱飘的广告啊，跟着鼠标跑的图啊，自动弹出的什么信息啊，都让我留下不好的印象。大家应该在网页制作时养成好的习惯，因为好习惯会造就靓网页。
三、网站设计实例分析
说了这么多，可能大家要说，你说我们做得不好，你就拿一些做得好的让我们看看啊。呵呵，这是当然了。不过，这些站都是一些外国站点。:-( 不管是写文章的作者，还是小编，好像都没发现什么中文站点做得非常不错的（是指设计而非内容）。
导航菜单历来网站的重点区域，设计人员们都很重视。我们来看看国外一些站点的专业网站导航菜单风格评析(一) 、（二）、（三）、（四）。
电子商务网站当然是热门，我们也来看看好的商务站点是如何设计的：商业网站风格浅析。
所我们最后再来看两个针对整体设计进行评论的：网站建设一席谈、网站设计技巧点评。
四、总结
小编组织这个专题的动机，得于日益严重的网络广告。大家都能够看到，现在各大网站为了能够活下去，绝招尽出，却苦了用户。以前是Banner，不影响正常浏览，大家都乐于接受；后来开始流行弹出式窗口，大家也就随手一关，无关痛痒；前不久又开始兴起浮动广告，于是现在一到首页就满眼冒花，经常是想看的东西点不着，就看图标飘来飘去，越飘越多；现在可好，好不容易找到图标飘的空隙（找空隙难度绝不比二战特种兵容易）点进去，又是一个大幅的正文广告，把内容都挤成一小溜了。这就是我们的网站呵，做这些的时候为用户考虑过吗？
发了这么多牢骚，当然我们也理解各个网站的难处，知道这个行业的流年不利，小编不也是行业中人吗！但我们希望网站的建设者们，充分考虑到你的用户吧，因为没有用户就没有一切！
===========================================================
网站制作之前期考虑
（叶开 2001年04月29日 01:38）
在这个Internet时代，WWW网站到处都是。如今编写HomePage也没原来那么麻烦，只要会打字，几乎人人都会，但作得好不好，就要看个人功力与用心。网站的目的是为别人提供所需的信息，这样人家才会愿意光临，网站才有其真实意义，但有太多网站显然忘了这个目的，复杂的创意技巧跃居主角，内容信息反而沦为末端。不可否认，优异的网站比比皆是，但令人不予置评的网站还是到处都找得到。显然，不管是网站提供者还是广大的使用者，大家都迫切需要知道好的网站在哪里，或者符合所谓好网站的条件是什么？
一个好的网站在进行实际的HomePage建置之前，首先应该考虑什么条件呢?它们包括有∶牢记用户优先的观念、考虑大多数人的连线状况、考虑使用者的浏览器，以及内容第一等等。
1.用户
无论什么时候，不管是着手准备设计HomePage之前。 正在设计之中，或者已经设计完毕，有一个最高行动准则一定要牢记在心，那就是∶用户优先。因为没有用户去光顾， 任何自认再好的HomePage都是没有意义的。
2.连线状况
您或许使用办公室的ISDN，也可能使用学校的高速专线，但您都必须知道，目前大多数人所使用的还是透过电话线路的缓慢连线方式 ，而且塞车塞得很严重。所以您在设计HomePage时就必需以这种普遍状况为设计参考量，不要放置一堆会加重塞车情形或让人等得发火的东西。最后，完成之后, 您最好自己透过远Modem拨接上网的方式来亲自测试一下。
3. 浏览器
必需考虑使用者的浏览器软件，如果您想要让所有的人都可以毫无障碍地观看您的HomePage，那么最好使用所有浏览器都可以阅读的格式，不要使用只有部份浏览器可以支持的HTML格式或程序技巧。如果想要展现自己的高超技术又不想放弃一些潜在观众，可以考虑在主页中设置几种不同的观赏模式选项（例如纯文字模式、Frame模式、Java模式等等），供浏览者自行选择。
4.内容
“内容永远第一“，这句话适合书本，更适合网络上的HomePage，而且几乎每个参与提供意见的人都举双手赞成这句话。没有内容的书本已经够令人讨厌， 但至少您还可以很快判断出来，而HomePage呢？您可能得耗费一整个晚上的时间与金钱，才会发现原来网站 里根本没有您要找的东西，这种痛苦真不是三言两语可以形容。内容可以是任何东西，包括文字、图片、影像、声音等等，但请记住一点：一定要跟这个网站所要提供给人的讯息有关系。再提醒一次∶内容永远第一!
再来看看在著手HomePage的实际建置过程中，所应该掌握的几个重点原则。
5.着手规划、确定特色、锁定目标
不管做什么事，一定要进行规划，建置网站更是如此。规划时必须确定自己网站的性质、 提供内容、目标用户，然后根据本身的软硬件条件来设置范围。网络的特色是及时、新鲜、丰富、热闹， 这是吸引大家上网的条件，如果本身条件强大，可以根据上述原则使自己网站成为一个全方位的信息提供者，如果不足，就成为单方面的提供者；此外，还可以在特殊议题或主题上加以突出，进一步锁定目标观众。
6.首页
首页是最重要的东西，因为它是别人认识这个网站的第一印象。如果是新的站点，最好在第一页就对这个网站的性质与所提供内容做个扼要说明与导引，让别人判断要不要继续进入里面。最好第一页就有很清楚的类别选项，而且尽量符合人性化，让参观者可以很快找到需要的主题。在设计上，最好秉持干净而清爽的原则。第一、若无需要，尽量不要放置大型图形文件或加上不当的程序，因为它会增加下载时间，导致观赏者失去耐心； 第二、画面不要散置得太过杂乱无序，因为观赏者会找不到东西。记住∶失败的第一页会让许多人掉头远去，不可不慎。
7.分类
内容的分类很重要，可以按主题分类、按性质分类、按机关组织分类，或按人类思考直觉式地分类等等，一般而言，按人类的直觉式思考会比较亲切。但无论哪一种分类方法，都要让使用者可以很容易找到目标。而且分类方法最好尽量保持一致，若要混用多种分类方法也要掌握不让使用者搞混的原则。此外，在每个分类选项的旁边或下一行，最好也加上这个选项内容的简要说明。
8.互动性
WWW的另一个特色就是互动。好的网站 HomePage必须与使用者有良好的互动性，包括在整个设计呈现、使用介面导引上等等，都应该掌握互动的原则 ，让使用者感觉他的每一步都确实得到适当的回应，这部份需要一些设计上的技巧与软硬件支持。 事实上，好的网站HomePage设计必须加上个人技巧、 经验累积以及软硬件技术的配合运用等。如果你要在网页互动性上下功夫，那么flash是你最好的工具。
9.图形应用技巧
图形是WWW网站的特色之一，它带有醒目、吸引人以及传达讯息的功能，好的图形应用可以让HomePage增色不少 ，但不当的图形应用则会带来反效果，而其中又以大量使用无意义及大型的图形成为HomePage的败笔。笔者建议 ，如果可以，应尽量缩小或省略图形。 目前国内的网络传输资源极为有限，因此使用图形时一定要考虑传输时间的问题。根据经验与统计，用户可以忍受的最长等待时间大约是90秒钟，如果您的HomePage无法在这段时间内传输并显示完毕 ，那么使用者就会毫不留情掉头离去。因此必须依据HTML文件、图形文件的大小，考虑传输速率、延迟时间、网络交通状况，以及服务端与使用者端的软硬件条件，估算HomePage 的传输与显示时间。 在图形使用上，尽量采用一般浏览器均可支持的压缩图形格式，例如JPEG与GIF等，而其中JPEG的压缩效果较好，适合中大型的图形，可以节省传输时间。 如果真要放置大型图形文件，最好将图形文件与HomePage分开，在HomePage中先显示一个具有连结功能的缩小图档或是一行说明文字，然后加上该图形文件大小的说明（例如100KB），如此不仅加快HomePage的传输，而且可以让使用者判断是否继续进入观看。
10.图形加上说明
此外，还有一点要特别提醒，许多斑主常常忽略了这件事。为了节省传输时间，许多人习惯采用“关闭图形“ 的模式再观看您的HomePage（甚至有人使用纯文字的浏览器 ）。因此当您在放置图形时，一定要记得为每个图形加上不显示时的说明文字（也就是在HTML文件中的图形文件后面加上 alt文字说明），如此使用者才能知道这个图形代表什么意义，判断要不要观看。特别是如果这个图形具有可连结的选项功能时，千万记得一定要加上说明文字，并给予同样的可连结功能。
11.背景底色
不少人喜欢在HomePage中加上背景图案，认为如此可以增加美观，但却不知这样会耗费传输时间，而且容易影响阅读视觉，反而给予使用者不好的印象。笔者建议，若没有绝对必要，最好避免使用背景图案，保持干净清爽的本文。但 如果真的喜欢使用背景，那么最好使用单一色系，而且要跟前景的文字可以明显区别，最忌讳使用花俏多色的背景，因为这样不仅大量耗费传输与显示时间，而且会严重混乱使用者的阅读。
12.HTML格式的注意事项
有关HTML的撰写方面，应注意以下的一些注意事项；不少人在撰写HTML文件时，会简略一些命令格式，但为了日后维护方便，撰写HTML时最好架构完整，而且初学者也可以藉此对HTML语法有正确认识。另外，如果本身网站想让别人可以透过搜寻站来找到， 那么千万不要忘了在〈Title〉指令中加上可供搜寻的关键字串。为了增加与使用者的互动，HomePage中最好也加上可供使用者表达意见的E－mail信箱，在HTML中一定要注意它的格式命令写法，许多人在这个地方常常写错。另外，在PC系统下，文件的大小写不分，但在UNIX系统下，则大小写有区分，需要注意。
13.避免滥用技术
技术是令人着迷的东西，许多人也喜欢使用技术。好的技术运用会让HomePage栩栩如生，令人叹为观止； 但不当的技术则适得其反，反而成为HomePage的大败笔。 首先，使用技术时一定要考虑传输时间，不要成为他人观看的沉重负担；其次，技术一定要与本身网站的性质及内容相配合，不要耍了一大堆不相干的技术。有一个最常见的技术应用，就是利用JavaScript撰写一个走马灯的功能，让文字可以动态地显示在窗口的最下一栏，这种方式看起来似乎很酷，但却容易遮住该位置原本用来显示地址及传输状态的功能，反而造成使用者的不便。何况既然只是显示一两个文字，何不直接放在HTML本文中呢？ Java小程序也是目前网络上的常见技术，它是一个好用的利器，擅长于动态物象的呈现，虽然只要浏览器支持就可以动，但同样，也需要考虑传输时间，以及一般人的电脑系统负荷等 问题。最后，技术最好不要用得太过多样而复杂，有些人似乎不展现功力就不快乐，所以也不管合不合适，就把所有可用技术全部用在里面，这时大家就会看到一个惨不忍睹的主页。
14.即时、更新、维护
不要忘记，大家都想看新鲜的东西，没人对过时信息有兴趣， 所以资料一定要注意即时性。有些网站半年没更新，感觉就像一池死水。如果想要经营一个带有即时性质的网站， 除了注意内容外，资料还要记得每日更新。笔者建议，不妨每隔一阵子就对页面设计做一次小翻新，时时保持新鲜感。最后，须考量的就是事后维护管理的问题，写HomePage很简单 ，但维护管理就比较繁人，它的工作往往偏重属重复而死板。个人性质的网站在维护管理上比较简单，但公司网站如此不仅加快HomePage的传输，而且可以让使用者判断是否继续进入观看。
15.大胆地进行宣传
“毛遂自荐”想必大家都知道吧，INTERNET也同样试用。试想，茫茫INTERNET谁会发现你这只小舟，因此，多宣传自己才是上策。到YAHOO等站点留下一“笔”，相信会有更多的网友发现你的。
=========================================================
建站时要考虑合理的网络管理结构
（郭涛 2001年04月29日 01:21）
当你决定要建立一个自己的网站时，无论你多么有激情，首先都要停下来问几个问题：为什么要建立这个站点，它的内容是什么，谁会为你捧场，你希望从中得到什么，你希望网站的参观者能从中得到什么？
这些问题或许看起来显而易见，但是你也许会在站点制作到一半时发现你没有想到的东西有这么多。如果你在开工之前花一点时间充分考虑这些必不可少的问题，那么你会发现建立一个结构合理、内容充实、甚至小有名气的站点并不是一件很难的事。建一个网站后如何进行管理，应该是一开始就要想到的问题。可以设想，当你负责的是一个大型的综合网站，在这个网站中有十几个类别，每个类别中都有上百个文件，那么合理的管理在这里就是一个很重要的问题。下面我就为大家介绍一些自己在网站管理中的经验。
文件与目录
是不是能把所有的HTML文件都放进一个目录而把图像文件放到另一个目录中呢？如果你拥有的是一个小小的网站，所有的文件你都可以做到如数“家珍”，那么可以说这是一个简单的处理问题的方法。如果再懒点，你甚至可以把所有的文件都放到根目录下。如果你的网站在你的精心培养下不断成长，文件数量自然也会不断增长。此时虽然是“家珍”，但太多了是不是你数着也会很费劲？那么在粗分类（文件类型）的基础上再细分类会使你查找、更换文件变得更简单。如果你的网站栏目众多，那么按照栏目分类的文件夹将会给你的更新带来很多方便。如果你的网站很有规律，并且不断更新，那么以日期作为下一级目录也是一种好方法。
管理网站内文件的方法没有对错之分，只有优劣之分，一切由你决定。如果你负责网站的更新，你会希望网站的结构给你的下一步工作带来方便。
同样，你也应该注意一下你的文件名和目录名。当你第一次制作网站时并没有对网站作整体考虑，只是凭直觉给它们命名的。但不要忘记浏览器上面的地址条、浏览器下面的状态条以及随时可能弹出的提示框，浏览者或许会从它们中找出目标，但你杂乱无章的文件名给他们带来的只是疑惑和抱怨。举个例子吧，浏览者可能会把http：//剪切成http：//，并且希望看到一个完整的关于pagemake的首页。如果你的URL无法让别人明白，那么浏览者可能会在你的主页中迷失方向，直到离开。在起名字时有一个原则，就是要短小、好记，尽量用小写字母命名，因为有的服务器在大小写字母上是有区分的。不要在文件名中使用空格和一些让人迷惑不解的符号如 、＆、＊、％、etc。
链接
在制作网页的时候你必须要清楚了解什么是绝对链接什么是相对链接。当链接是从你的站点到其它站点时通常使用的是绝对链接，就是说所有URL应该有的它就应该有，例如http：//。这个链接告诉浏览器离开当前的服务器转到netschool.com服务器去寻找pagemake目录。但当你需要链接到你站点的另一个文件时，你就最好选择相对链接。相对链接内不包含站点URL，你只需在目标链接中写出相对于当前文件位置的地址。比如你现在正在编辑的是一个在pagemake里的flash.html，当你想链接到另一个文件比如dreamweaver.html，而且它也在pagemake的目录里，那么你可以使用
来代替。 相对链接除了能节省你写绝对路径时浪费的时间外，另外还有很多好处。首先，它可以使你的浏览器更轻松：当你给浏览器一个完整的URL时，它会回到站点的根目录（在上例中它会回到netschool.com/）然后穿过所有的目录去定位于dreamweaver.html。即使它确实不会耽误太长时间但这些耽搁加在一起会使浏览者等着浏览器去做那些无意义的工作而烦燥。
更重要的是相对路径可以使你把整个站点搬到其它服务器上而不用做任何改动，所有的链接还会继续正常工作。要知道把所有的链接都做改动是一个很大的工程。
上文所说的这些可以帮助你建立一个合理的网站管理结构，也许开始觉得有点麻烦，但慢慢你会发现它给你带来的方便。希望这些小小的经验能对你有所帮助。
===================================================================
使网站更具有可使用性
（施晓军 2001年04月29日 01:28）
随着因特网、移动通信等各种新技术的不断应用和发展，出现了各种基于Internet的交互系统。基于Internet的交互系统在许多领域都是非常有发展前景的，包括电子商务，远程教育，合作工程和设计项目等等。因此，使用一些正确的方法，使开发出的基于Internet的应用系统更具有可使用性，就显得非常重要。
一些设计解决方案，如软件结构，设计模式，和面向对象的框架等，只要是被正确地开发和应用，都能为提高系统的可使用性，提供一种强有力而且是有效的方法。
同样地，使用一些合适的方法和模式，也有助于提高网站系统的可使用性。
一、影响网站主页可使用性的主要因素
通常，影响一个网站主页的可使用性的主要因素有：可访问性，访问效率，内容表达，和内容的质量等等。在主页的设计标准中，两个最重要的标准是可访问性和效率。这是因为如果一个站点的主要入口点，不能很容易地被访问，或者相当的缓慢，那么它的内容或者表达形式就会失去相应的意义。我们把"内容表达"放置在"内容质量"前面，并不是说内容表达比内容的质量更重要，而仅仅表示浏览者只有在阅读以后才能评价内容的质量，如果内容是被很好地表达的，那么她/他很可能就会决定去阅读它。通常，一个站点提供给用户什么，是由它的内容所决定的。
内容的质量，对于用户评价该网站是否值得去浏览、并且以后是否经常去浏览，起着关键性的决定作用。影响主页的表达效果的因素有：美术和版面（不同内容在网页上的布置）。对背景、文本、链接等进行正确的颜色搭配，使用依赖于平台的字体，以及恰当地使用链接，是一般性的要求。
二、进行网站建设时所必须考虑内容
在网站建设时，主要考虑如下内容：
1． 软硬件配置。根据网站的设置目的，选择并配置合适的软硬件平台。
2． 内容的组织结构。定义被频繁使用的页面，如，主页，站点导航图等等的物理和逻辑结构。
3．导航方式。为在一系列页面之间导航提供实现技术。
4．信息的分类和显示。选择合适的模式，对信息进行分类和显示。
内容的组织
一个逻辑化的站点组织，可以使用户能预见到哪儿可以发现他们所需的东西。如果对分组、排序、做标记和图形化安排信息，使用相协调一致的方法，就可以使用户根据已访问页面的知识，运用到他们所不熟悉的页面。站点内容的组织可以使用以下这些模式：
--序列模式。按照次序来组织信息，这是一个最简单的组织方法。信息可以自然地按照描述顺序，时间顺序，或者以一个逻辑的顺序来安排。可以按年代来组织，从一般到特殊的论题逻辑序列，或者甚至按字母排序，如同百科全书中的索引。
--层次模式。用一种树型的层次结构来组织表达复杂的信息体。层次型组织模式特别适合于Web网站，因为Web站点通常要被组织成为一个单一主页的分支。大多数用户对层次图表是非常熟悉的，并能很容易地理解它，把它作为一种浏览的工具。层次组织也适用于对你的网站内容进行分析，因为只有当你完全组织好你的材料后，层次模式才会发挥最大的用处。
--格子模式。对于许多类似于处理手册、大学课程清单等的信息内容，最好被组织成为格子的形式。同一表格中的单个格子必须共享一个相同的话题或子话题。不同的话题在重要性方面，通常没有特定的层次。格子形式适合于对该论题及其组织已经有了基本的理解的用户。
一个复杂、大型的Web应用系统的内容组织通常是几种模式的混合。在构建时，必须考虑你的组织模式的可实践性和效率。无论你为你的Web站点挑选什么样的组织结构，正确的Web站点设计应该能使单个网页内容的结构保持平衡。
网页导航
网页导航是指支持在一系列页面之间浏览的相关技术。决定导航模式是否最佳的因素主要有：前后一致性、清楚、前后关系安排、可访问性、使用户很容易适应、及时性和适度的学习等等。导航模式的例子是：站点地图，返回主页，返回前一页，浏览一个下拉菜单中的项目，等等。
信息表示
在 Web被发明之前，技术文档的写作人员已经发现用户喜欢一些短的条块信息，这些短信息能被快速扫描和定位；因此，一个Web应用系统的大多数信息可以包括一些非连续性的短摘要文档。例如，使用快速摘要模式，可以使用户在下载和阅读大量内容信息前，能了解其基本信息。
信息表示的模式必须具有灵活性，能符合常规的思维习惯，逻辑化组织，对站点用户具有语义上的联系。例如，虽然在线文档上的块信息通常是很短的，但是要把一个长文档进行划分也没有多大意义，特别是你希望用户能在一步里就完成对该文档的打印和保存功能时。
三、实现
大量的Web应用系统可以通过不同的格式来实现。
适合的语言是，超文本标记语言 (HTML)，无线标记语言(WML)，和可扩展标记语言(XHTML)。使用这些标记的文本，可以通过层叠样式表单（CSS）被表现出来。另外还存在着其它的基于XML的一些论题：ebXML (商务), IMS 规范和SIF实现规范 (教育)等等。这些语言通常不包括显示语义。因此，基于上述的文本，既可以通过使用XSL翻译样式表单（XSLT）表达出来，也可以使用一个CSS样式单表示给一个XML浏览器。
下面是常用的一些模式的实现。
方便的工具条模式
方便的工具条模式可以通过全文本的链接来实现，也能通过图形或Java Applet来实现。使用图形或Java Applet的工具条时，也要提供相应的文本快速摘要模式和浏览索引模式；否则，它会成为一种浏览障碍，例如，假如用户使用的是文本浏览器。如果一个工具条上包含了许多选择（更适合于站点图），对于用户来说，也是不方便的。如果既要使用工具条，又要避免上述问题的出现，可以以列表的方式来扩展。这可以通过把某些ECMAScript代码嵌入在一个HTML/XHTML 1.0文档中来实现，或者把VBScript代码嵌入在一个ASP文档中。
站点地图模式
站点地图模式能够以许多种方式来实现。
使一个表单中的项目分别和相关文档相链接，是最简单的一种实现、访问方法；由于是以文本形式出现，它就具有可搜索性。
站点地图也可以通过图像来实现。图像可以是可移植的网络图形格式（PNG），或者是矢量图形格式（SVG）（能被直接嵌入在XHTML 1.0文档中，或以XML语法）。虽然PNG的处理方法目前能得到很多浏览器的支持，并且能获得大量的支持工具，但它依然有其局限性，放大时的质量会有所消减，文件中的信息不能被搜寻。矢量图形的好处是无损伸缩，和跨设备的可搜索性和简易性。不管怎样，如果图形地图是基于一张图像，那么JFIF(通常称为JPEG)要比矢量图形更适合。
通常，许多实现模式在服务器端实现，要比在客户端更好。例如，Java applet或ECMAScript仅适合于客户端支持它的实现。即使客户端能支持，出于安全、效率或其它的原因，客户也可能会拒绝对这些语言的执行。
总之，在进行网站的设计与实现时，采取一些合适的方法和策略，就能使网站系统更具有可使用性，从而能更好地实现其构建目的。
=================================================================
网页设计要素分析
（施晓军 2001年04月29日 19:34）
在你开始设计一个因特网站点之前首先要考虑的是你的目标浏览者。一个法律咨询公司的网站和一个音乐网站的目标浏览者，是会不一样的，相应的网站设计当然也就会有所差别。这里，我们主要致力于设计一个“正规”的因特网站点，虽然下面文中提到的这些规则可能对于你的项目而言，并不一定会完全适用。
→版面布局
我们常说，第一印象是非常重要的。因此，你的因特网站点的主页必须包含你的公司或站点所提供的所有服务内容。可以使用一个短的描述性的标题指明站点的主题是什么。你也可以加入你的公司的徽标，但是千万不要让信息和图片填满了你的主页（站点的其它网页也必须如此）；主页看起来必须是干净而有组织条理的。使用很容易阅读的字体。当然，根据你的站点的大小，你可能还必须解释如何浏览。在主页的下面，提供你的公司的联系信息，例如，你的email地址或电话号码，这样就使浏览者能很容易地跟你联系。主页通常是放置更换信息或新闻的绝好的场所。
在你开始设计之前，你必须仔细地为站点挑选色彩组合。千万不要出现紫色的背景加上黑蓝色的文字的组合。要使整个站点保持同一种色彩组合，因为不同颜色组合的背景或字体可能会是非常令人讨厌的。你也可以选用一个背景图，而不是仅用一种颜色。背景图案可以自己绘制，也可以从因特网上下载。通过模糊背景图案，就可以使文字更容易被阅读。要记住的是，图片不会被浏览器重画的，而背景色彩则是要被重新画的，因此，在上传你的图片之前，必须检查不同的浏览器是如何显示这些网页的。
当增加文字时，尽量设置容易被阅读的字体和大小。如果你使用背景图片，那么，当网页被浏览时，背景色和字体将会先于背景图片被下载，因此，如果背景色和文本的颜色没有鲜明的对照的话，那么浏览者会有几秒钟的时间看到一个充满了不可阅读的文本的网页。解决这个问题的简单的方法就是，使背景色与背景图的颜色相类似。
使你的网页短一些，努力使信息/动画通过几个网页来表现。如果把很多东西堆放一个网页上，就会使你的网页看起来非常凌乱，这样也就会使浏览者不太愿意阅读所有的内容。所以，要设计几个网页，每个网页上放一段或两段文字。在段落的下面放置一个按钮，链接到下一页，在最后一页则放置一个按钮，链接到上一页、主页，或者浏览者刚刚所到来的地方。尽可能使用模板，降低设计的工作量和复杂性。
如果你准备为你的网站主页插入一个Flash movie，那么最好把它与主页分离开。一定要加一个“跳过介绍”按钮，这样就使那些不愿意等待下载，或已经看过该介绍的人，能很容易地直接进入你的主页。运用cookies，你可以使曾经浏览过你们网站的人自动跳转到主页。
→浏览导航
站点的浏览导航必须被设计成非常容易。如果需要，把站点分割为几个部分。最容易的方法，就是在整个网站的所有的网页的左边放置一个菜单条。当然，除此以外，还有许多可选的方法。对于具有大量信息的站点，使用一个可扩展的菜单条会是一个不错的选择。
无论你使用何种导航模式，在每一页都放置一个主页链接，那会是一种不错的设计思想；浏览者必须知道，无论何时，当他们迷失在你的站点浏览中时，都可以通过简单的一次点击就能准确地知道目前所处的位置。
→图片和多媒体
图片，电影和声音效果永远都是很好的，但是不能过分。要记住，大多数人现在还是通过最高连结速度为56Kbps的“猫”上网的。好多次，为了浏览一个页面，我耐心地等待了很可观的几分钟，而这种耐心不是每个人每时每刻都有的。
努力使每一个页面小于50-75Kbytes。尽量把你的GIF 和JPEG图片压缩后再加入到你的网页中。如果你准备在你的站点中放置高质量的图片、音乐或动画，那么你最好设计两个版本，一个为高质量，另一个为低质量，这样就能使不同的浏览者有一个最佳选择。
Flash是一个目前非常流行的程序，许多Web设计者都乐意往自己的网站中加入。Flash的好处就是可以使你的动画和音乐文件非常小。为了观看Flash电影，你必须要有一个插件，该插件可以从Macromedia公司的网站上下载。虽然可能超过80%的因特网用户已经有了该插件，并且有了许多新的针对Internet Explorer 和Netscape的版本，但是，它依旧是你必须考虑的问题。除非确实需要，尽量不要把Flash动画加入到你的网页中，因为有些浏览者没有那么大的耐心等待电影的下载， 或者甚至没有耐心去下载一个插件。纯HTML设计，对于大多数（商业）网站，目前依旧是最好的选择。
→你可以经常使用这些技巧
为 Flash电影添加预下载器，这使你可以一边用一些文字、简单的图片或一个导航条“取悦”浏览者，一边下载你的大文件。这样就可以使Flash电影很平滑地运行，并且当它运行时，不需要停下来缓冲。
压缩，如前面所述，可以优化你的图片。音乐和声音可以为你的网站增添不少的精彩，但是，永远都不能太过分。每一点击发出的蜂鸣声会让你的网站令人讨厌，并且对你的网站留下不够专业化的印象。如果你准备要往你的网站中增加一些背景音乐，那么最好使用一些流音频软件，如Real Audio来播放文件。或者，你也可以插入一个Flash文件，循环播放一段音乐。你可以通过在 Flash文件中导入WAV文件的方法完成，或者你也可以到因特网上下载一些免费的相关软件。
如果你要在你的Flash电影中使用声音，通常加一个“弱音”按钮，会更好些；如果你用行为脚本控制浏览者计算机上的声音的话，那么，再加上一个音量控制条。当然，永远不要改变声音是最好的。浏览者如果需要，可以自己调整他的计算机的音量。
→Frame(帧,框架)的问题
Frame—— 你也许会喜欢它，也许不喜欢。如果你在你的网站上使用帧，你很可能使一个帧用于导航目的，另一个帧用于放置内容。你可以看见在同一页上有两个被分割的浏览窗口，你点击左边的帧，只会改变右边的内容。用帧来组织网站的内容，显然是非常容易的。
但是，我不赞成使用帧。
当你要为某个站点作书签时，帧就会变得非常麻烦，因为站点的单个页就不能被做成书签，浏览者在打印时也会碰到问题。当然，不同的浏览者对待帧是不一样的。
→另外要注意的事
使公司的徽标在整个站点保持一致。
避免在你的站点或浏览窗口中使用滚动文本，因为滚动文本会降低你的网页的可访问性。
检查你的网站文字，请其他人检查网站文字、语法的准确性，分类等等。多多询问你的亲朋好友，甚至你的网站浏览者对网站的看法。
经常检查网页中的链接，确信它们没有被打断，尤其是在你对网站内容作了更新后。
检查你的网站是否和所有流行的浏览器兼容。
如果你有一个商业网站，并且准备直接在上面销售产品或服务，那么，购买安全服务以确保信用卡交易安全，应该是必须的。
把你的站点信息提交给搜索引擎，检查你的站点在分类中的排名，如果很后，那么最好考虑更换你的META标记。
许多人还在使用14英寸或15英寸的显示器，因此尽量使你的网页也是可以“自由滚动”的（最起码可以水平滚动）。
不要在显著的位置堆积很多广告条，两个广告条基本上应该是上限了。
→检验你的HTML代码
不要在你的网站上放置浏览计数器。计数器会让你的网站看起来不够专业化，如果浏览量不够的话，还会起到相反的宣传作用。
最后，内容是金。如果你能给你的浏览者一些有价值的东西，如，信息，建议，或软件，那么就能吸引浏览者经常光顾你的网站。为你的站点增加消息板和聊天室，从而提高网站的交互性，使你和你的访问者交流，让访问者彼此交流。
→结语
你也许会认为所有的这些都会是一种限制；不错，如果运用不当，它们确实是会成为一种约束。不管怎样，当你开始设计你的网站时，要努力去这样做。不要跟随上述所有的规则，充分发挥你的创造力 ，你可以去创建一个大大的Flash电影，再加上一点点的文字内容，使你的网站在众多的网站中脱颖而出，哪怕浏览者只是为了再看一下你的设计。灵活地使用本文中所述的一些规则方法，将会使你的网站更完美，更容易获得成功。祝你好运！
==============================================================================
好习惯造就靓网页
（杨淑珍 2001年04月29日 01:38）
1、不要将链接全部放在图像中
以往的网页中的链接都是文字，而且用下划线以资识别。但不久人们就讨厌了这些文字链接，于是都采用了图像链接。后来，更加嫌一个图像一个链接太麻烦了，于是将所有的链接都放进了一个图像中去。但并不是所有的用户都打开图像载入，如果你把所有的链接都放入图像中去，而没有任何同样功能的文字链接的话，用户也许会不知所措。
2、慎用自动滚动
曾经到过一个内容“丰富”的网页，它使用了很多常见的网页制作技巧：现在的时间、访问时的时间等等。不过有一个用得不是很好，就是窗口的自动滚动。我只是想发个邮件给网页的主人，但我却无法使滚动条停下来让我点击链接，于是我花了很久才“命中”窗口中的E－mail链接——真后悔军训的时候没有练好射击！
3、不要用延时效果的JavaScript
现在的网页制作者为了使网页更加具有影响力，都疯狂地加入JavaScript。以现在的“猫”奔跑的速度而言，这些脚本也算不了什么，用户不会介意。但是，如果这些脚本可能导致延时的话，用户的态度就不同了。
某个国人网页的首页在载入时窗口的底色———窗口里面没有任何内容———由白色逐渐变成黑色，整个过程耗费了几秒，嘿！别小看这几秒，我能检查全部的邮箱了！
4、不要依赖浏览器
太多的网站首页中加入了“请在800×600分辨率下使用IE浏览器浏览本网站”等字样的文字。我是安装了IE、NC和Opera，因为我要制作网页，需要它们来检验网页在这些浏览器下的可读性。但一般用户不会安装那么多的浏览器，更加不会牢记着哪个网站需要用哪个浏览器浏览。
也许不可能让网页在使用所有的浏览器浏览都有一样的效果，但尽量地去达到该目的，会让网页在这个浏览器下有这样的特色、在另一个浏览器下又有不同的特色，这是网页制作者的工作，不是吗？
5、不要忘记版权
现在，网上侵犯知识产权的问题非常猖獗，某免费个人网页提供商上的网页尤其严重——甚至有盗版光盘贩卖呢！为此一些新的免费个人网页提供商就要求用户在申请时提交详细的、真实的个人资料，以防备不可预料的事情发生。
所以，如果你的网页需要引用别人的东西的话，要么你就和他联系一下，征求意见；要么就在明显的位置注明其版权归属。这并非多余，这是你的网页“长寿”的秘方！
当然，如果是你自己制作的图像或自己撰写的文章，你绝对有权声明版权归你自己所有！
6、不要懒于更新
某个个人网页聚居地上有很多的网页都是很久前建立而至今没有更新过的，姑且不说这是浪费公用资源的行为，访问过这些网页的人看到网页主人如此懒惰，你说他还会再去访问吗？
谁能确定下次访问不会又是这般模样呢？因特网上的资源如此浩瀚，谁会去访问一个从不更新的网页呢？
