网站设计必须知道的65条原则

网站中有哪些关键技巧？有哪些陷阱？在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。   
: J# x) q# B9 _7 C1 j7 m: H$ i/ F* j8 X4 @  Q* z! N
01 明确内容   
- e4 z( z! w' k2 b$ G$ b3 T) F
( h8 w% d2 k3 `- @如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。   % I5 _$ @& y( [8 l. T

. k& T2 n9 A7 O" O2 ~* J, L0 O: z02 抓住用户   8 ^2 v; @7 d1 b' |& e' W1 y

: D. h5 J( B4 ^+ L4 k如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。   ( m) \( r0 _/ m0 h, i
; o; c! E) U+ m) r. `2 G' f
03 优化内容   
; c, d9 G' q3 s3 J, C( k
" W5 q$ B3 g; r内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels网站（www.channels.co.uk）在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。   
4 A" Q, S/ ]0 x. H7 T
" z, s4 T) f4 {" J04 快速下载   $ M& I% {6 Z+ A! e5 o0 v1 c
* y0 g# N. Y6 C) c& T; ?% O8 b) X
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。   
) v* q0 c9 L& o$ I! a- f. R: t1 z  D1 l/ q
05 网站升级   , g& M8 h  H- Y5 l) _! u( F" O

6 f( b- }" O, P, ?' A$ O时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。   0 Z0 s7 N# F* k% R  E2 r

) u8 b( W/ p  W06 坚持基本原则   
4 `% u, v3 }, L' G( n6 l7 C8 G
5 n$ e6 V/ z6 @. x3 E' d) Z即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。 为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。   2 x! ]- N- T/ V) j
1 ^6 K9 T7 B5 s6 B6 T0 i) |
07 学习HTML   , Y0 n3 @% L- L. O% y$ P  o: F

( t! Z$ v. V8 @+ m, ~# \: m用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。   ! _0 E: x8 y! X6 C$ B% d+ U" Z  @

# o7 @' Z' y; @# _  W08 用笔画一个网站的框架   
9 o  i/ z: y  F7 X) p
7 {. E9 i- ?5 c: N圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。   
1 L* f3 x9 t  ^: ?9 z6 u8 i- z" n- v- r3 ^5 j* w& P
09 “在计算机上永远也找不到好的方案”。 ——专家忠告   
6 N1 [1 \6 L* o5 A! h: j. c
/ [- Z- G( y9 Q% y2 n' u$ q+ N3 }9 r10 网站地图   
& o" ]2 Z) a2 v5 S) K9 i, S; d' `0 W; M1 m$ K/ m
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。   9 I! Z# p* g+ s2 s

, ]* t* R* c! H  I# m11 “睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” ——专家忠告   
3 h4 m- R/ @1 ~5 B/ W. F: ?/ ^; b3 C6 u% a
12 点击规则   5 }! G( L5 M' m5 A4 h
1 `5 o- ^9 n2 c0 a8 ^! V/ R/ b
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。   8 Z4 D& ]8 j$ F: m: B
6 F+ Y6 ]. M: y' l& c
13 特殊字体的应用   + _1 s1 Z4 p+ u& ?7 P5 M
% S3 D4 h/ r" q6 k
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。  
. T" T0 u& V. r1 M% z0 `
) C! H- W6 z: Q- Z7 Z# a+ P                                               
# G; N. Z2 R: `0 z3 Q- u# y% k/ K" f3 p/ H
                                                8 P2 k3 b# y' h! r

  ~2 t: n  w% \6 w+ f$ I- y                                                ' B* H' O9 c4 A+ k8 k" @* q
5 h" j% l' a  J  M1 y
                                                  v" M, k9 ?$ @7 r8 g1 W$ b  t4 t
, u- x  {+ z) X6 P8 L0 W
                                        & F+ m7 V/ |- d2 U0 l: h; E8 J: v

! n, A  q1 ?8 ^' x" c                                               
1 n- C, W" f; @+ F. f! r4 A! E7 A: Q% {, q' N
                                                + S  Z. x6 s0 Y* R

( w, t. `- K/ u) i  P                                                + N. {7 x; n+ t3 f5 W) g9 B$ M

" p3 ?0 i) [: L5 _. b* e  A( H( e" m+ J: @4 r5 T' T
) A! |: \8 n  i- i+ _. }
                                       
$ W1 G4 E5 D3 h0 ]% P. r% I: q9 e( u. }6 j# e; ~. r% z