《网站设计基本原则》由会员分享，可在线阅读，更多相关《网站设计基本原则（7页珍藏版）》请在金锄头文库上搜索。
1、网站设计基本原则网站设计基本原则网站设计时候的一些基本原则设计网站中有哪些关键技巧？有哪些陷阱？在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。 01 明确内容 如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。 02 抓住用户 如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。 03 优化内容 内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽
2、糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels 网站在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。 04 快速下载 没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于 60K，通过 56K 调制解调器加载花 30 秒的时间。有的设计者说网页加载应在 15 秒内。 05 网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。 06 坚持基本原则 即使你不懂 HTML 语言，你只需购买一个有版权
3、的所见即所得的网页设计工具，如 Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要 HTML，却使网站速度下降。 为了成功地设计网站，你必须理解 HTML是如何工作的。大多数的网站设计者建议网络新手应从有关 HTML 的书中去寻找答案，用 Notepad 制作网页。 07 学习 HTML 用 HTML 设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改 HTML 的软件包。HomeSite4 是一个很好的 Web 设计工具。在设计过程中，Home
4、Site4能帮助你学习 HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到 Web 之前，预览你的网站。 08 用笔画一个网站的框架 圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。 09 “在计算机上永远也找不到好的方案” 。专家忠告 10 网站地图 许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。 11 “睁大你的眼睛，留意所有的事情。
5、对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。 ” 专家忠告 12 点击规则 听说过 3 次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过 3 次的。对于大型网站，使用导航和工具条来改善操作。 13 特殊字体的应用 虽然你可以在你的 HTML 中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择
6、的字体在访问者的计算机上不能显示。级联风格表CSS 有助于解决这些问题，但是只有最新版的浏览器才支持 CSS。 14 “使用切合实际的简便的命名规则。 ” 专家忠告 15 检查错别字 好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。 16 避免长文本页面 在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费 Web 的潜力。如果你有大量的基于文本的文档，应当以 Adobe Acrobat 格式的文件形式来放置，以便你的访问者能离线阅读。 17 不要使用卷滚条 人们厌恶在网上使用卷滚条。Trouble 网站是一个典型的
7、设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。 18 专家最喜爱的 Web 设计工具 1Adobe Photoshop 2Macromedia Flash 3Adobe Illustrator 4Adobe ImageRead 5Dreamweaver 6Macromedia Fireworks 7 Allaire Homesites 8Microsoft Notepad 9 Macromedia Director 10 Lightwave 11 Macromedia Freehand 12其它：Adobe Acrobat Exchange，Allaire
8、ColdFusion,BBEdit,HTML Validator等。 19 网站介绍 你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。 20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。 ” 专家忠告 21 闪烁让人头痛 通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网
9、站，就少用此方法。 22 背景颜色 背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。 23 向前和向后按钮 应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。 24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。 ” 专家忠告 25 点击记数器 不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意
10、义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。 26 不要用框架 与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有 17 英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。 27 去掉图像 在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用 ISDN 连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可
11、以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。 28 重复使用图像 一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。 29 避免使用过大的图像 不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占 75%的屏幕宽度是一个好的建议。 30 “避免使用炫耀的技巧。 ” 专家忠告 31 选择使用 Flash 动画 许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用 Flash 动画的选择。 32
12、 尽量少使用 Flash 插件 虽然许多 Web 设计者认为 Flash 功能很强大，并且 Netscape5.0 将支持 Flash，在使用时不必再下载任何插件。但是，最好还是取消使用 Flash 做各接口的想法。33 让用户先预览小图像 如果不得不放置大的图像在网站上，就最好使用Thumbnails 软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。 34 动画与内容应有机结合 确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是 Macromedia Director等制作的东西的简单堆积。 35 慎用声音 声音的运用
13、也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。 36 少用 Java 和 AxtiveX 在网页上应尽量少使用 Java 和 AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些 Netscape 和 Explorer的早期版本的使用者才需要它。另外 Mac 在处理 Java 时也存在问题，过分地使用 Java，会使 Mac 崩溃。 38 慎用插件 在 Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如
14、果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。 39 使用著名的插件 如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用 QuickTime、RealPlay 和 Shockwave 插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。 40 使用先进技术 跟上新的技术。Web 技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。 41 自己创建图像和声音 使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。 专家忠告 43
15、 平台的兼容性 要为用户着想，必须最少在一台 PC 和一台 Mac 机上测试你的网站，看看兼容性如何。 44 用软件分析工具找错 使用软件分析工具检查 HTML。软件分析工具 Doctor HTML 能够帮助检查 HTML 中的任何问题。如果你有许多网页需要检查，可选用软件分析工具。在网上，你能够找到更多有效的 HTML 工具。 45 避免错误链接 网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。 46 给观众成熟的东西 如果网站没有完成，就不要发送到 Web上。所有好的网站都是在幕后完成之后再发布的。 47 在搜索引擎上登记网站 任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。 48 设计一个留言板 浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。 49 测试网站 在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。 50 “尽你所能反复测试所设计的网站，直到你不能发现新的东西为止。 ”
