网页设计规则

1、网页的设计原则

所谓网站（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。
在你眼前，出现在显示器上的这个“东西”，就是一个网页。网页实际是一个文件，它存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序。网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。 Web站点主页应具备的基本成分包括：
页头：准确无误地标识你的站点和企业标志；
Email地址：用来接收用户垂询；
联系信息：如普通邮件地址或电话；
版权信息：声明版权所有者等。
充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。 设计一个网站，应该考虑下列九条基本因素，这些因素对网站的成功与否有着重要影响。
1. 整体布局
网站主页就好像是宣传栏或者店面——对访问者产生第一印象，都希望尽量给人留下好的印象，不是吗？
一般来说，好的网站应该给人有这样的感觉：
干净整洁；
条理清楚；
专业水准；
引人入胜。
网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择。就像一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。
2. 信息
无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者。因为我们人类总是惟利是图，第一个问题总是：“对我有什么用处？”
所以你必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是：
信息；
娱乐；
劝告；
对一些问题的帮助；
提供志趣相投者联络的机会；
链接到有用的网页，等等。
如果你经营的是企业网站，需要提供关于产品或服务的信息：
容易理解；
容易查询；
容易订货。
3. 速度
我们都知道，页面下载速度是网站留住访问者的关键因素。如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。
应该时时提醒自己，网站首页就像一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。
网上访问者也是“一闪而过”，保证你的首页简单而快速。网上有许多关于如何增加速度的文章——检查下载速度，放弃一切显著减慢主页速度的资料。
4. 图形和版面设计
图形和版面设计关系到对主页的第一印象，图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点，你不必让过分显眼的动画出现在首页——但如果你的网站是游戏站点，动画将是必不可少的一部分内容。
图片是影响网页下载速度的重要原因，根据经验。把每页全部内容控制在30K左右可以保证比较理想的下载时间，图象在6—8K之间为宜，每增加2K会延长1秒钟的下载时间。
颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：
红色和橙色使人兴奋并使得心跳加速；
黄色使人联想到阳光，是一种快活的颜色；
考虑到你希望对浏览者产生什么影响，请为网页选择合适的颜色。
阅读西方格式文本时，眼睛从左上方开始。逐行浏览到达右下方，插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方，如果在左上角放置一幅小鸟的图片，鸟嘴应该放在把浏览者目光引向页面中部的地方，而不是把视线引走。
这种思路可以用于所有图片：
面部应该“看”网页的中部；
汽车的“停靠”面向网页中部；
道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。
一般总是把网站导航条放置在页面左边，也是出于这种考虑——不断地出现在浏览者的视野之中。
5. 文字的可读性
我们仍然用广告牌的比喻来说明，文字要在广告牌上突出，周围应该留有足够的空间。也许你曾到过一些网站，要么拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读，要么深色的背景给人的感觉好象处于非常狭窄的空间里，而且让人的心情感觉很压抑。某些背景色的令人阅读困难；紫色、橙色和红色让人眼花缭乱。
文字的颜色也很重要，不同的浏览器有不同的显示效果，有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
参考报纸的编排方式，为方便或快速阅读将你的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体，通用的字体（Arial, Times New Roman, Garamond and Courier）最易阅读，特殊字体用于标题效果较好，但是不适合正文（试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受）。因为阅读费力，你的眼睛很快就会疲劳，不得不转移到其他页面。
明白我的意思了吗？
6. 网页标题的可读性
必须尽量使你的网页易于阅读，除了分栏之外（将页面纵向分割），也需要利用标题和副标题将文档分段。
为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题（字体加大加粗）和副标题（粗体，与正文字体大小相同），使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑，要认真写好每个标题！
也可以将整句采用粗体或用不同的颜色突出某些内容，不过不要用难以阅读的颜色。
7. 导航
由于人们习惯于从左到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长页面来说，在最底部设置一个简单导航也很有必要（只要两项就够了：主页|页面顶部）。
确定一种你满意的模式之后，最好将这种模式应用到同一网站的每个页面，这样，浏览者就知道如何寻找信息。
8. 保护个人信息声明和客户推荐信
对于商业网站来讲，最重要的事情之一是确保潜在客户的信心，你应该明确地告诉人们，如何对其兴趣、爱好，尤其个人隐私保密，很有必要专门用一个页面详细陈述你的保护个人信息声明，包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。
访问者也想知道你的产品或服务现有客户的反映，所以如果能引用与你关系融洽的客户对你的积极评价，对你的可信度将很有帮助。
不要害怕向顾客索取推荐信——人们都愿意自己的意见有价值。
你可以把客户的推荐信另设计为一个网页，作为对客户提供推荐信的回报，在这里链接到客户的网站——这也是一种“双赢”。
9. 词语
一个网站如果只有漂亮的外观而词语错误连篇、语法混乱，同样是失败的，对于网站所有者和负责人将产生很坏的影响，人们会用许多贬义词来评价你：粗心大意、懒惰、外行、没水平等等。
你愿意把自己辛苦挣来的钱花在一个连自己的网站都马马虎虎的人吗？
你可以按照上述步骤改进你的网站制作技巧；
你可以请人对你的工作进行校对、编辑；
你也可以请人为你制作网页；
总之，上述步骤在很多方面对你会有所帮助，不要因为对某些步骤的疏忽而影响你的网站的整体效果。 1. 明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
2. 抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。
3. 优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。
4.快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
5. 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
6. 坚持基本原则
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express 或 Amaya，当然则是Dreamweaver啦，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。
7. 学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
8. 用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
9. “在计算机上永远也找不到好的方案”。——专家忠告
10. 网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
11. “睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” —专家忠告
12. 点击规则
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
13. 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体。但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
14. “使用切合实际的简便的命名规则。” —专家忠告
15. 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
16. 避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。
17. 不要使用卷滚条
人们厌恶在网上使用卷滚条。某站是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。
18. 专家最喜爱的Web设计工具
（1）. Adobe Photoshop
（2）. Macromedia Flash
（3）.Adobe Illustrator
（4）. Adobe ImageRead
（5）. Macromedia Dreamweaver
（6）. Macromedia Fireworks
（7）. Allaire Homesites
（8）. Microsoft Notepad
（9）. Macromedia Director
（10）. Lightwave
（11）. Macromedia Freehand
其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
19. 网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么。以便访问者能找到想要的东西，但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20. “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” —专家忠告
21. 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
22. 背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
23. 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
24. 专家忠告 ：“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。”
25. 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。
26. 不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
27. 去掉图像
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。
28. 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。
29. 避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。
30. 专家忠告：“避免使用炫耀的技巧。”
31. 选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。
32. 尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。　但是，最好还是取消使用Flash做各接口的想法。
33. 让用户先预览小图像
如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
34. 动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。
35. 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。
36. 少用Java 和AxtiveX
在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。
37. 设计成功的网站
蓝色理想
七色鸟
ChinaUI
5D多媒体
38. 慎用插件
在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。
39. 使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
40. 使用先进技术
跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。
41. 自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。
42. 专家忠告— “无论是游戏、图像、动画还是电影，想想你喜欢的设计是怎样的，这将激发你的创作灵感，使你创作出新的和更好的网站。”
43. 平台的兼容性
要为用户着想，必须最少在一台PC 和一台Mac机上测试你的网站，看看兼容性如何。
44. 用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查，可选用软件分析工具。
45. 避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。
46. 给观众成熟的东西
如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。
47. 在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。
48. 设计一个留言板
浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。
49. 测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。
50. 专家忠告：“尽你所能反复测试所设计的网站，直到你不能发现新的东西为止。”
51. 演示即将发布的网站
在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否容易使用。
52. 动画点缀
网页上的动画最多只用一个
53. 专家忠告—“倾斜的按钮看起来不会太好，最好不要使用。”
54. 内容组织
在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览的内容，然后设计导航系统。
55. “空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。
56. 利用空白去吸引注意力。
为了吸引眼球，Web设计者使用各种方法，比如：闪烁、旋转等，但是利用空白会吸引更多的注意力。”—专家忠告
57. 图像压缩
为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩。　先声明图像的大小,在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
58. 设计一个失败的网站,从中找出原因,提高自己的鉴别能力。
59. 用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册。这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。
60. 使网站具有交互功能
在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。
61. 图片更新
尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。
62. 在网站上提供游戏
游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。
63. 挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。
64. 使用最新版本的软件
尽量使用Web设计软件的最新版本，还应当能被授权进行免费或便宜的升级。 1. 图片与文字的协调性一个完美的网页布局会给人一种和平舒畅的心情，它不仅仅是表现在文字的表达程度，更多的表现在图片与文字的协调性。2. 视觉上的对比性通过不同的色彩、不同的图形进行对比，在视觉上形成视觉的冲击，同时在图形也要形成对比，只有这样才能让人们过目不忘。3. 有松有驰网页制作上也要讲究有松有驰，不要整个网页都是一种样式，要适当进行留白，运用空格或是改变字体之间的间距，从而达到不一样的变化效果。

2、网站设计的原则

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

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 Photoshop

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,HTML Validator等。

19 网站介绍

你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。

20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告

21 闪烁让人头痛

通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。

22 背景颜色

背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。

23 向前和向后按钮

应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。

24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” ——专家忠告

25 点击记数器

不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。

26 不要用框架

与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。

27 去掉图像

在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。

28 重复使用图像

一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。

29 避免使用过大的图像

不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。

30 “避免使用炫耀的技巧。” ——专家忠告

31 选择使用Flash动画

许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。

32 尽量少使用Flash插件

虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。 但是，最好还是取消使用Flash做各接口的想法。

33 让用户先预览小图像

如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。

34 动画与内容应有机结合

确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。

35 慎用声音

声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。

36 少用Java 和AxtiveX

在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。

37 设计成功的网站

www.bmw.co.uk ——内容和关联性很好

www.yugop.com ——图形下载很快

www.comicrelief.org.uk ——设计简单明了

www.dreamcast-europe.com www.newsunlimited.co.uk www.newbeetle.com www.swoon.com www.viact.co.uk

38 慎用插件

在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。

39 使用著名的插件

如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。

40 使用先进技术

跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。

41 自己创建图像和声音

使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。

42 “无论是游戏、图像、动画还是电影，想想你喜欢的设计是怎样的，这将激发你的创作灵感，使你创作出新的和更好的网站。” ——专家忠告

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设计软件的最新版本，还应当能被授权进行免费或便宜的升级。

3、网页设计中所需要注意的通用规则

1、HTML定义
2、网页的分类
3、网页的三要素
4、网页三剑客包括什么
5、框架的特点是什么
6、设置各种超链接的方法
7、新建文档的快捷键
8、层和表格可以相互转换（了解即可）
9、对文档中创建的层如何进行微调
10、站点地图都包括哪几个关系
11、表但的定义，表单中所包含的所有元素
12、行为的定义，行为在时间轴上所起到的作用（在网页设计范围内所起到的作用）
13、创建网站的时字体搭配 几步（从开始到最终）
14、在网页中插入的图像都包含哪几种格式，格式之间特点是什么，用途是什么。
15、设计网页过程当中需要注意什么，及通用的规则是什么。（使用自己的语言，不可能完全一样！！）

4、网站的设计原则及标准有哪些？

一、网页设计的方向
一个网站无论怎样去设计，不管做的多好都要注意网站的目标方向。如果网页设计的主题跑偏了的话即使做的再好也是无用功。所以网页设计时一定要根据网站的主题的去设计，毕竟网页目的就是将自己想要表达的东西传递给用户。
二、网页的外观
每一个设计师都会有着自己的一个审美标准，但是不要忘了，即使你的审美标准再好也要注意符合目标人群的一个大众审美，如果一个网站的外观不能够让浏览者接受的话，同样再好也是无用功。
三、页面的内容
这个主要就分为网站的图片内容、文字内容两大部分，当网页设计是要注意图片的设计一定是要围绕着主题去设计，图片一定要足够清晰。文字的添加一定不要觉得越多越好，文字要尽量的简短，明确主题，不要说些无用的废话，把信息字节传递给用户。
四、页面的布局也就是整个页面的一个排版，一个好的网页设计一定要注意页面的整体一定要布局清晰、内容和部分有序的去规划，不要让它错乱复杂。例如我们曾做过的一个案例，不同的内容以上下排序分开，便于用户更好的获取信息。

5、PC端网页设计基本规范有哪些

一 固定的内容：

 1.PS中设计分辨率为：72像素/英尺(图片质量的像素点) 

2. 颜色模式RGB 8位(显示器的三原色红，绿，蓝为RGB)

不固定的内容：

 1.背景 a.纯色背景平铺(自适应浏览器) 

b.渐变色或底纹平铺背景(自适应浏览器) 目前网页设计中都会做通栏大图，以方便吸引客户，增加网站整体美观

 c.通栏大图

二.屏幕分辨率 

标准分辨率：1920px*1080px

主体设计内容宽度：1000px(常用宽度：960px，1170px，980px，1100px，1200px) 首屏高度大约在700px

常用分辨率：1280px*768px 主体设计内容宽度：1200px(常用宽度：1190px，1170px，1100px，1200px) 首屏高约：750px

三.设计文档大小 1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图，展示背景效果，左右宽度最少200px) 2.设计到通栏大图片新建文档的宽度：1920px，所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)

6、网站建设原则有哪些？

一、网站的友好性
友好性这点其实就是网站的用户体验，通常来说包括网站的打开速度是否流畅，用户能否准确快速的获取他们所需要的信息等等。
就是让客户访问很顺心，这样才能让客户愿意浏览你的网站上海雍熙十年来在网站建设上始终坚持用户体验至上，在网站建设上有着丰富的经验。
二、网站整体的设计清晰
网站建设的风格不管是什么样的都要保持网站整体的建构的清晰，用户体验至上。网站建设要具有系统性，有条不紊，无论是在建站初期、中期、还是后期都需要相应的负责人来进行。而且，建站的目的要明确，网站运营的方向以及方针要有把控。只有将这些系统工作做好了，才会对网站建设后期的工作有很好的帮助。
三、网站建设的完整性
网站制作公司一般在制作网站的时候都会大体上分为三个部分：网站的域名、空间以及网站设计。网站的域名和空间要结合网站实际的需要来选择，而网站的设计也要根据企业的要求来选定。毕竟，现在建站方法还是很多的。
最后，就是网站制作要遵循适应性原则。互联网是一个动态的发展，网站营销的环境也是不断变化的。

7、网页设计中要遵循哪些原则

每个网页设计师在 设计网页的时候都有自己的一套思路和方法，但是不管怎么样，都遵循了几个最基本的设计原则，我大概总结了主要有如下几点：
一、对称与均衡
对称分为左右对称、上下对称、重复对称、旋转对称等形式。对称的造型在大自然中比比皆是，同时也是版式设计常用的构成形式。对称的形式给人以稳定平衡的感觉，但也容易流于刻板、单调。为打破这种局面，设计上往往采用均衡来代替对称。均衡与对称的区别在于各元素与轴心的分布排列不等，呈不规则状态，从形式上是对称的破坏，然而两边在视觉上的分量的相等的。整个画面还是处于势的平衡中，给人以后总动中有静或静中有动的动态美，富于变化和趣味。我们称之为：对等不对称，等量不等形。
二、重复、相似和变异
一个形体的反复出现，会加强对受众的视觉刺激。这是最简单的节奏，好像某几个音节在乐章中的反复出现，会加深听众的印象。在平面设计中有时也把近似的形象并置在一起，大道重复的效果，这称为相似。但有的时候，我们又把很有规律的一段乐章其中的一个或几个音符加以变化，使之产生强烈的反差，这就是变异。变异可以理解为对规律的破坏，这种表现手法更容易吸引人的注意力，引发浏览者的兴趣。
三、节奏与韵律
节奏、韵律是来自音乐的概念。在构成中，形体有规律的排列和变化就形成了视觉的节奏与韵律。它会带给受众舒适的视觉感受。除了前面提到的重复，还有形的渐变，包括大小、长短、明暗、形状、位置等方面的变化，这些构成上的变化会使画面产生和谐的艺术效果。这些形式上的美，如果赋予页面的主题、个性和情感，就有了韵律感，好像音乐中饭的旋律，不但有了节奏，还有情调，有意境。它能增强页面中的感染力和艺术表现力。
四、网页中的对比
对比就是利用异质元素的并置产生差异，更鲜明地突出各元素的个性特性。缺乏对比的画面的平淡、乏味的，是没有吸引力的；而对比会产生强烈的矛盾和冲突，从而对观者产生视觉刺激。
五、网页中的调和
调和是指通过网页中各要素之间存在的共性所构成的页面统一性。调和是产生和谐与稳定的前提，我们可以通过保持画面造型元素的某种特征的一致性，如形状，色彩等，形成调和。另外前面讲到的对称、均衡、渐变、重复等构成方式也会形成调和的页面效果。以调和为基调的页面中各部分之间保持一种内在的统一和协调，从而加强页面的整体性和完整性。调和的构成中，要注意局部的对比效果。避免页面产生模糊。
　我们一般采用三种方式进行页面的调和：
大小调和：使页面的元素面积大小相近，或者使一种元素面积大于其它元素，并占有绝对优势，保证其在页面中起主导作用。
形状调和：页面中的造型元素保持相似的外形，并且把这种外形特征贯穿于整个网站。
色彩调和：通过页面中的元素色彩的一致性，进行页面调和。
网页设计师在其设计思路中都遵循以上几个网站设计原则，所以特别是对刚学网页设计的新手来说深刻理解并遵循设计原则是必要的，甚至决定了你网页设计的成败！ 东莞汇鑫--企业邮箱，网站建设

8、网页设计的基本原则是什么？

审美原则
好的创意必须具有审美性。一种创意如果不能给浏览者以好的审美感受，就不会产生好的效果。创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。
目标原则

创意自身必须与创意目标相吻合，创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。网页设计的目的是为了更好的体现网站内容。
系列原则
所谓系列化就是在具有同一设计要素或同一造型、同一风格或同一色彩、同一格局等的基础上进行连续的发展变化，既有重复的变迁，又有渐变的规律。从视觉心理上来说，人们厌弃单调划一的形式，追求变化，连续系列的独特性会令人们耳目一新。系列原则也符合“寓多样于统一之中”这一形式美的基本法则，组成连续系列的每一幅界面虽然是一个独立的单元，但由于整体结构内容的相关性，风格基调的一致性，使网站在变化中求统一，形成多样统一、对比而又和谐的艺术效果。