烈火学院推荐：网站设计14个技巧总结

　　说到网站设计，相信大家都非常熟悉，即便没有网站，您也是一位访客，如何设计网站，有什么技巧呢？在一位前端博客上发现了这篇文章，我们一起来品一下吧。

　　一、考虑大多数人的连线状况

　　您或许使用办公室的ISDN，也可能使用学校的高速专线，但您都必须知道，目前大多数人所使用的还是14.4K或28.8KModem透过电话线路的缓慢连线方式 ，而且塞车塞得很严重。所以您在设计首页时就必需以这种普遍状况为设计参考量，不要放置一堆会加重塞车情形或让人等得发火的东西。最后，完成之后, 您最好自己透过远端Modem拨接上网的方式来亲自测试一下。

　　二、考虑使用者的浏览器

　　其次，必需考虑使用者的浏览器软件，如果您想要让所有的人都可以毫无障碍地观看您的首页，那么最好使用所有浏览器都可以阅读的格式，不要使用只有部份浏览器可以支持的HTML格式或程序技巧。如果想要展现自己的高超技术又不想放弃一些潜在观众，可以考虑在主页中设置几种不同的观赏模式选项(例如纯文字模式、Frame模式、Java模式等等)，供浏览者自行选择。

　　三、使用者优先的观念

　　无论什么时候，不管是着手准备设计首页之前。正在设计之中，或者已经设计完毕，有一个最高行动准则一定要牢记在心，那就是∶使用者优先。因为没有使用者去光顾， 任何自认再好的首页都是没有意义的。

　　四、内容第一

　　“内容永远第一”，这句话适合书本，更适合网络上的首页，而且几乎每个参与提供意见的人都举双手赞成这句话。没有内容的书本已经够令人讨厌， 但至少您还可以很快判断出来，而首页呢?您可能得耗费一整个晚上的时间与金钱，才会发现原来网站里根本没有您要找的东西，这种痛苦真不是三言两语可以形容。内容可以是任何东西，包括文字、图片、影像、声音等等，但请记住一点：一定要跟这个网站所要提供给人的讯息有关系。再提醒一次∶内容永远第一!

　　一个好的网站在进行实际的首页建置之前，首先应该考虑什么条件呢?它们包括有：牢记使用者优先的观念、考虑大多数人的连线状况、考虑使用者的浏览器，以及内容第一等等。再来看看在着手首页的实际建置过程中，所应该掌握的几个重点原则。

　　五、着手规划、确定特色、锁定目标

　　不管做什么事，一定要进行规划，建置网站更是如 此。规划时必须确定自己网站的性质、 提供内容、目标观众，然后根据本身的软硬件条件来设置范围。网络的特色是及时、新鲜、丰富、热闹，这是吸引大家上网的条件，如果本身条件强大，可以根据上述原则使自己网站成为一个全方位的信息提供者，如果不足，就成为单方面的提供者;此外，还可以在特殊议题或主题上加以突出，进一步锁定目标观众。

　　六、第一页很重要

　　第一页是最重要的东西，因为它是别人认识这个网站的第一印象。如果是新开幕的站台，最好在第一页就对这个网站的性质与所提供内容做个扼要说明与导引，让别人判断要不要继续进入里面。最好第一页就有很清楚的类别选项，而且尽量符合人性化，让参观者可以很快找到需要的主题。在设计上，最好秉持干净而清爽的原则。第一、若无需要，尽量不要放置大型图形文件或加上不当的程序，因为它会增加下载时间，导致观赏者失去耐心;第二、画面不要散置得太过杂乱无序，因为观赏者会找不到东西。记住：失败的第一页会让许多人掉头远去，不可不慎。

　　七、互动性

　　WWW的另一个特色就是互动。好的网站 首页必须与使用者有良好的互动性，包括在整个设计呈现、使用介面导引上等等，都应该掌握互动的原则，让使用者感觉他的每一步都确实得到适当的回应，这部份需要一些设计上的技巧与软硬件支持。事实上，好的网站首页设计必须加上个人技巧、经验累积以及软硬件技术的配合运用等。

　　八、分类

　　内容的分类很重要，可以按主题分类、按性质分类、按机关组织分类，或按人类思考直觉式地分类等等，一般而言，按人类的直觉式思考会比较亲切。但无论哪一种分类方法，都要让使用者可以很容易找到目标。而且分类方法最好尽量保持一致，若要混用多种分类方法也要掌握不让使用者搞混的原则。此外，在每个分类选项的旁边或下一行，最好也加上这个选项内容的简要说明。

　　九、图形应用技巧

　　图形是WWW网站的特色之一，它带有醒目、吸引人以及传达讯息的功能，好的图形应用可以让首页增色不少 ，但不当的图形应用则会带来反效果，而其中又以大量使用无意义及大型的图形成为首页的败笔。笔者建议，如果可以，应尽量缩小或省略图形。目前国内的网络传输资源极为有限，因此使用图形时一定要考虑传输时间的问题。根据经验与统计，使用者可以忍受的最长等待时间大约是90秒钟，如果您的首页无法在这段时间内传输并显示完毕，那么使用者就会毫不留情掉头离去。因此必须依据HTML 文件、图形文件的大小，考虑传输速率、延迟时间、网络交通状况，以及服务端与使用者端的软硬件条件，估算首页 的传输与显示时间。在图形使用上，尽量采用一般浏览器均可支持的压缩图形格式，例如JPEG与GIF等，而其中JPEG的压缩效果较好，适合中大型的图形，可以节省传输时间。如果真要放置大型图形文件，最好将图形文件与首页分开，在首页中先显示一个具有连结功能的缩小图档或是一行说明文字，然后加上该图形文件大小的说明(例如100KB)，如此不仅加快首页的传输，而且可以让使用者判断是否继续进入观看。

　　十、图形加上说明

　　此外，还有一点要特别提醒，许多网站建置者常常忽略了这件事。为了节省传输时间，许多人习惯采用“关闭图形“ 的模式再观看您的首页(甚至有人使用纯文字的浏览器 )。因此当您在放置图形时，一定要记得为每个图形加上不显示时的说明文字(也就是在HTML文件中的图形文件后面加上alt文字说明)，如此使用者才能知道这个图形代表什么意义，判断要不要观看。特别是如果这个图形具有可连结的选项功能时，千万记得一定 要加上说明文字，并给予同样的可连结功能。

　　十一、背景底色

　　不少人喜欢在首页中加上背景图案，认为如此可以增加美观，但却不知这样会耗费传输时间，而且容易影响阅读视觉，反而给予使用者不好的印象。笔者建议，若没有绝对必要，最好避免使用背景图案，保持干净清爽的本文。但如果真的喜欢使用背景，那么最好使用单一色系，而且要跟前景的文字可以明显区别，最忌讳使用花俏多色的背景，因为这样不仅大量耗费传输与显示时间，而且会严重混乱使用者的阅读。

　　十二、HTML格式的注意事项

　　有关HTML的撰写方面，应注意以下的一些注意事项;不少人在撰写HTML文件时，会简略一些命令格式，但为了日后维护方便，撰写HTML时最好架构完整，而且初学者也可以藉此对HTML语法有正确认识。另外，如果本身网站想让别人可以透过搜寻站来找到， 那么千万不要忘了在〈Title〉指令中加上可供搜寻的关键字串。为了增加与使用者的互动，首页中最好也加上可供使用者表达意见的E-mail信箱，在HTML中一定要注意它的格式命令写法，许多人在这个地方常常写错。另外，在PC系统下，文件的大小写不分，但在UNIX系统下，则大小写有区分，需要注意。

　　十三、避免滥用技术

　　技术是令人着迷的东西，许多人也喜欢使用技术。专家普遍指出，好的技术运用会让首页栩栩如生，令人叹为观止;但不当的技术则适得其反，反而成为首页的大败笔。首先，使用技术时一定要考虑传输时间，不要成为他人观看的沉重负担;其次，技术一定要与本身网站的性质及内容相配合，不要耍了一大堆不相干的技术。有一个最常见的技术应用，就是利用JavaScript撰写一个走马灯的功能，让文字可以动态地显示在窗口的最下一栏，这种方式看起来似乎很酷，但却容易遮住该位置原本用来显示地址及传输状态的功能，反而造成使用者的不便。何况既然只是显示一两个文字，何不直接放在HTML本文中呢?Java小程序也是目前网络上的常见技术，它是一个好用的利器，擅长于动态物象的呈现，虽然只要浏览器支持就可以动，但同样，也需要考虑传输时间，以及一般人的电脑系统负荷等问题。最后，技术最好不要用得太过多样而复杂，有些人似乎不展现功力就不快乐，所以也不管合不合适，就把所有可用技术全部用在里面，这时大家就会看到一个惨不忍睹的首页。

　　十四、即时、更新、维护

　　不要忘记，大家都想看新鲜的东西，没人对过时信息有兴趣， 所以资料一定要注意即时性。有些网站半年没更新，感觉就像一池死水。如果想要经营一个带有即时性质的网站， 除了注意内容外，资料还要记得每日更新。笔者建议，不妨每隔一阵子就对页面设计做一次小翻新，时时保持新鲜感。最后，须考量的就是事后维护管理的问题，写首页很简单，但维护管理就比较繁人，它的工作往往偏重属重复而死板。个人性质的网站在维护管理上比较简单，但公司网站如此不仅加快首页的传输，而且可以让使用者判断是否继续进入观看。

　　本文作者：不详

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠