网站建设中有哪些关键技巧?有哪些应该注意的事项?一流的网页设计专家在设计网页时如何规划他们的网页?怎么样才算是一个成功网站?
想让网站显得更充实丰富、应该避免做什么、应使用什么工具程序。
01.明确的网站内容
当您在设计一个网站之前,首先应该构思网站的主题性与内容、应该具备的功能、以设计者与参观者的双重角度来进行整个网站的规划。一个网站如果无法表达出他所要呈现的主题性便算是一个失败的网站,所以内容的规划是最重要的。
02.给参观者方便
网站建设主要是让其它人来参观的,如果参观者不能够迅速地找到他们感兴趣的内容,或是感到操作的不方便,即使您的网站有着在充实的内容,这仍然是个没人来访而失败的网站。
03.规划你的目录结构
假如一本杂志上面是满满的广告或是杂乱无章的文字,一定让人阅读的痛苦万分。
网站其实跟书本的架构是一致的,有规划的目录结构能让你的网站更受人喜爱。
04.能够顺畅的浏览网页
没有什么比要花很长时间下载页面更槽糕的了。浏览者的耐心是有限的,虽然网络宽带日趋普及,我们还是要将一张网页的读取时间控制在15秒以下,一个标准的网页档案大小应该小于100 K以加快网页浏览的顺畅度。
05.清爽的网页
除了首页以外其它网页尽量不要同时有太多主题,保持网页的清爽,若没有特殊考虑庆尽量避免广告文字或图片的出现。
06.不要过分依赖所见即所得工具
即使不懂HTML语法,一般人也能藉由所见即所得 (WYSWYG What You See What You Get) 的网页设计工具,如 NAMO 或 FrontPage 轻松写出网页,但假如你了解 HTML 语法,你会发现是用这些 WYSWYG 工具所制作出来的网页会自动的添加,使得网站速度下降或是增加档案大小,所以即使使用 WYSWYG 工具编写网页,建议您还是要检查网页原始语法并进行优化。
07.学习HTML 语法
无论是任何一种网页语言的基础都与 HTML 脱离不了关系。如果您对网站制作有兴趣或想制作更高阶的网站,你还是必须熟悉各种 HTML 语法的使用。您可以买一本 HTML 语法工具书自己进修,其实学习 HTML 一点都不难。
08.先用笔画出网页
实际编写网页以前,先用笔画一个网站的框架草图,显示出所有网页的相互关系。自己满意了在着手进行,这样会让您有效率的多。
09.省掉网站地图
许多设计者把他们的网站地图 (Site Map) 放在网站上,这种做法,却是弊大于利。绝大部分的使用者上网是寻找一些特定的数据,他们对于你的网站是如何规划的应该是提不起兴趣。如果你觉得你的网站需要地图,那不妨先改进你的导航列。
10.字型与平台的注意
虽然你可以在你的HTML中使用特殊的字型,但是你要记住浏览者在自己的计算机中并不一定有安装这些字型上将看到什么,若你希望呈现出一些与众不同的字型不彷运用在图片中吧。
在你的计算机看起来相当正常的页面,也许在另一个不同的平台上看起来可能非常糟糕,不同的平台例如 WIN 与 UNIX 所使用的浏览器能接受的语法不尽相同,编写网页时尽量使用能通用于平台的语法。
11.检查错别字与用词 ○
别忘记检查文章中的错别字,尤其是使用微软新注音输入法的创作者,错别字若是太多即使网站内容在丰富也会让人认为这是个不用心制作的网站。
写完文章后请自己阅读一次,挑出用词不适的地方做修改,网页做不好就算了,千万别让人认为你是文盲。
12.避免过长的页面 ○
当文章非常的长时不彷将文章分成两页,再将两页文章彼此做好连结,网页过长只是弊多余利,除了增加阅读的不方便也让档案的大小增加。
13.避免纯文字的页面 ◎
网页的基础是由图片与文字构成,如果整个页面都是纯文字其实已将失去网页能表达的意境,适当的图片或动画、音乐可以将您的网站表达的更生动活泼。
14.网站介绍
一个很清晰的网站介绍,告诉浏览者你的网站能够提供些什么,以便浏览者能找到想要的东西。但是许多设计者都没有这样做。有效的导航条和搜寻工具使人们很容易找到有用的信息,这对浏览者很重要。告诉浏览者你所提供的正是他们想要的信息。
通常互动性较高的网站会设置 FAQ 或 Q&A 等网页帮助浏览者更快熟悉网站的各项功能。
15.吸引人的闪烁 ×
透过语法可以吸引浏览者对你的主页特殊部分的注意,但这也让你的浏览者视觉疲劳。如果你想使浏览者再次光顾你的网站,就少用此方法。
16.背景与文字颜色
背景与文字颜色成明暗对比,尽量使用深色或淡色来配置网站的颜色。
白背景搭配黑字;黑背景搭配白字,这样的基础配置还是会一直流行下去。
17.上一页与下一页 ×
应当避免使用太多的上一页与下一页按钮。导航条的设计就是为了令来访者能够快速的找到自己想要的内容,此外导航条的设计样式与位置英语网站下所有页面ㄧ致。
18.移除来访计数器
在你的网站上放置一个来访计数器已经成为许多网站的必备设计。但是设计网站是为了给浏览者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,计数器是很容易作假的,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个连结,显示浏览日志或流量统计。
19.使用框架 *
与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17吋的屏幕 (1024 * 768) 几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,在搜寻引擎容易无法找到你的网站。
20. 216安全色
网站配色是一门很大的学问,我们制作网站时常会选订一个主色衍伸出其它的配色,由于来访者的使用平台是你无法掌握的,所以 216 安全色的使用是一个很重要的环节,安全色可以让你的网站在任何平台所得到的色差是最小的。
21.重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。当制作 LOGO时,在网页上多次使用同样的图像是一个好的方法,一但当图档进入网页暂存盘,以后重新加载就会很快。
22.切割过大的图片 ○
一张尺寸为400*400 图片与 4 张100*100 的图片的读取时间是不一样的,图片的切割能增加网页读取的时间。
23.跳过Flash动画
许多使用比较慢的计算机的浏览者发现动画图标很容易耗尽系统资源,使网站的操作变得很困难,因此,应该给来访者一个跳过使用Flash动画的选择 (SKIP)。
24.缩图的使用
如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样来访者就不必浪费金钱和时间去下载他们根本不想看的大图像。
25.音效的选用
慎选各种网页音效。背景音乐是网页设计的关键。合适的背景音乐最好使用框架,避免换页时音乐的间断或重复播放,音乐档案的类型也是值得注意的,由于 windowns 系统地使用者占大多数,我们应改使用 media player 能播放的音乐档案类型,串流格式的 asf 与 wma 都是不错的选择,mid 音质不佳 mp3 档案过大都不是适合做为音效的档案类型。
过多地使用声音会使浏览速度变慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。
26.提供较常见的档案格式
如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。许多站点使用QuickTime、RealPlay和Shockwave插件。因为,许多浏览者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
27.少用Java和AxtiveX
在网页上应尽量少使用Java和AxtiveX。因为并不是每一种浏览器都需要使用它,祇有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题,过分地使用Java,会使Mac崩溃。
28.使用先进技术
跟上新的技术。Web技术的进步绝不会停止,所以应花一些时间来研究新产品和开发技术。
30.除错工具的使用
NAMO 等网页编辑工具中都有针对不对称的 HTML 卷标显示错误提醒颜色。
HTML 标签并不会直接呈现于网页之中,例如 HTML语法 <B>粗体</B>,网页中呈现的应该是 粗体,若网页呈现出 <B>粗体,那很有可能你多加了ㄧ个 <B> 标签。
31.避免错误连结
网站中可能与其它一些相关的网站作了交换联结。
如果在你的网页上有连结,一定要经常检查连结是否有效。
连结的网站可以多,但不要与跟自己网站毫无关系的网站做交换连结。
32.给观众成熟的东西
如果网站没有完成,就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。
尽你所能反复测试所设计的网站,直到你不能发现新的东西为止。
33.到处打广告 ×
任何一个人发现你的网站的机会都很少,除非你把你的网站在主要的搜索引擎上进行登记。
34.互动设计 ○
浏览者愿意把时间花在好的网站上,所以最好有一个留言本之类的互动架构,这能激发浏览者再次回到你的网站的意愿。友善的回复读者讯息可以让你的网站更吸引人。
提供一些利于来访者的资源例如小游戏或桌布也会让网站更受欢迎。
35.测试网站 ○
在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照顾到以前的浏览器。在上载网站时还要测试所有的连结和导航工具条。
36.“空白万岁” ○
国画有个技巧叫做”留白”,应用适当的留白的效果在网页上会让网页看起来更舒适,计算文字行距与储存格间距做出更适合阅读的页面。
37.会员机制 ×
静态网站着重于内容的丰富与否,若没有必要性不需使用会员机制,会员机制适合用于购物网站等需要验证客户数据的类型,近年来个人网站如雨后春笋般的冒出,需要提供个人数据才能换取信息的网站
38.内容更新
网站内容不能永远ㄧ层不变,更换网站上的图片,这是让参观者最快感觉到网站有更新的方式、同时也让人感觉网站始终保有新鲜感。
39.挑选工具软件 ○
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件
40.使用最新版本的软件
尽量使用Web设计软件的最新版本,还应当能被授权进行免费或便宜的升级.