专 题 |
电脑入门 | 操作系统 | 办公软件 | 电脑DIY | 网页制作 | 等级考试 | 网络专栏 |
会员登陆 | 会员退出
会员注册 | 会员列表
 当前位置:> 网络学院 > 阅读新闻 打印本页


转:网站设计和网站建设的65条原则

 时间:2006-9-26 11:31:18
 
设计网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。

  01、明确内容

  如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。

  02、抓住用户

  如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。

  03、优化内容

  内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。

  Chanels网站(www.channels.co.uk)在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。

  04、快速下载

  没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。

  05、网站升级

  时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。

  06、坚持基本原则

  即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill或Microsoft FrontPage Express,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。

  为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。

  07、学习HTML

  用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。

  08、用笔画一个网站的框架

  圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。

  09、“在计算机上永远也找不到好的方案”。——专家忠告

  10、网站地图

  许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。

 11、“睁大你的眼睛,留意所有的事情

  对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。”  ——专家忠告

  12、点击规则

  听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。

  13、特殊字体的应用

  虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。

  14、“使用切合实际的简便的命名规则。”  ——专家忠告

  15、检查错别字

  好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。

  16、避免长文本页面

  在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。

  17、不要使用卷滚条

  人们厌恶在网上使用卷滚条。Trouble网站(www.Trouble.co.uk)是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。

  18、专家最喜爱的Web设计工具

  1.Adobe

  2.Macromedia 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、“网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到多的东西。”——专家忠告

 11、“睁大你的眼睛,留意所有的事情

  对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。”  ——专家忠告

  12、点击规则

  听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。

  13、特殊字体的应用

  虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。

  14、“使用切合实际的简便的命名规则。”  ——专家忠告

  15、检查错别字

  好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。

  16、避免长文本页面

  在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。

  17、不要使用卷滚条

  人们厌恶在网上使用卷滚条。Trouble网站(www.Trouble.co.uk)是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。

  18、专家最喜爱的Web设计工具

  1.Adobe

  2.Macromedia 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、“网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到多的东西。”——专家忠告

 11、“睁大你的眼睛,留意所有的事情

  对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。”  ——专家忠告

  12、点击规则

  听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。

  13、特殊字体的应用

  虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。

  14、“使用切合实际的简便的命名规则。”  ——专家忠告

  15、检查错别字

  好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。

  16、避免长文本页面

  在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。

  17、不要使用卷滚条

  人们厌恶在网上使用卷滚条。Trouble网站(www.Trouble.co.uk)是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。

  18、专家最喜爱的Web设计工具

  1.Adobe

  2.Macromedia 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、“网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到多的东西。”——专家忠告

 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、设计失败的网站

  www.boo.com

  ——在它上面找一件T恤衫要花一个小时;

  ——给顾客承诺的服务太多,但真正实现的太少;

  ——二年以前的设计水平,忽视了顾客的需要;

  www.miniheroes.co.uk

  ——不吸引人,主页太雷同

  www.saturn.com

  ——设计太差

  www.e13.com.

  ——没有新意

  www.song.com.

  ——导航不知所云

  59、图像大小属性

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

  60、用户注册

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

61、使网站具有交互功能

  在网站上提供一些回答问题的工具,使得访问者能从网站上获得交互的信息。

  62、图片更新

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

  63、在网站上提供游戏

  游戏是很好的交互工具,它是使访问者能再次光顾网站的好方法。

  64、挑选工具软件

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

  65、使用最新版本的软件

  尽量使用Web设计软件的最新版本,还应当能被授权进行免费或便宜的

 

【】【 】【关闭】来源:铁通呼伦贝尔信息港   

 ·上一条:解决问题跳出框框 从盲点下手破解网络故障 (9-26)
 ·下一条:快速找到所需要的Excel函数的小技巧 (9-26)
 相关专题:
 尚无信息
 相关信息:转:网站设计和网站建设的65条原则
 尚无信息
╣ 转:网站设计和网站建设的65条原则 会员评论[共 0 篇] ╠
╣ 我要评论 ╠
姓 名:   密 码:   新人注册
热门图片信息
尚无热门图片