$ s ~: W5 a* J- o7 D$ \4 c4 w 08.用笔画一个网站的框架 ^2 B& y% Z4 N% f+ W
圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。 , y# X1 F# h( U
$ G; J) \6 M/ ^& H M 09.“在计算机上永远也找不到好的方案”。——专家忠告 0 [6 q- a. Z, [0 Q [
$ {& _/ K6 m$ d* P h3 k 10.网站地图 ) z. H: e( X4 U8 U. c
许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。 8 M% [1 O, L6 a) q ( r2 H6 ]/ q8 P7 I
11.“睁大你的眼睛,留意所有的事情。 8 A% I" n# w6 o" U7 [
对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。” ——专家忠告 * \+ P# M( @, i- T
5 j& P$ H4 o" D/ A 12.点击规则 听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。 + h4 j5 \8 F" t& ]8 o9 s
; f1 Z8 l7 Y3 ]+ q. g
13.特殊字体的应用 % F: U+ ?% f: Y. \
虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。 0 g9 a- D) x4 t9 A6 O % r8 g9 b* y6 d
14.“使用切合实际的简便的命名规则。” ——专家忠告 8 A9 F3 j, `6 \" A4 R, {# v) n : _; N, z% D6 B2 L. q$ f 15.检查错别字 ) X9 o* W2 v. M) W* G; q
好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。 2 v; Y; y6 m% h! z( [
( [3 ~! c$ x* [
16.避免长文本页面 , A! C5 A' D# v" {; g2 L
在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。 - i8 ^0 R( Z3 ]& F) D; V
. `3 b7 Y8 U L
17.不要使用卷滚条 ; s5 y! [2 ~/ n! _1 n0 X
人们厌恶在网上使用卷滚条。Trouble网站(www.Trouble.co.uk)是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。 & e7 k5 l1 S: H 4 U. W8 G2 _/ j8 A; g$ {+ W
18.专家最喜爱的Web设计工具 ' a6 O% {; I. p' ^ b( ^) p) ?7 j 1.Adobe Photoshop 6 `3 Z$ K5 c7 X# O3 A# B: j& R7 a
2.Macromedia Flash - w+ R0 r' f* V/ k1 @
3.Adobe Illustrator * |$ H. b. Y6 ~: @6 I
4.Adobe ImageRead * V8 a2 Q2 d- f4 X- C( R
5.Dreamweaver 0 m! P0 H5 F- K4 ~4 g 6.Macromedia Fireworks 5 { Z, N) ?" T, w6 M6 y 7. Allaire Homesites Z" f; b; N ~% K* u* i8 ?) i5 k) c
8.Microsoft Notepad 8 Z7 F1 {2 o0 B7 r# Z" p( Y% k" [
9. Macromedia Director 0 p/ Q* ^ s0 m0 \- v2 _7 O8 S
10. Lightwave & S( Q& t7 _/ d @9 I
11. Macromedia Freehand ' q& C$ T2 C0 X6 X4 w
12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTMLValidator等。 * f) b9 k, r2 S, e( k ?& ]
# o1 L* Q, `$ q3 W: n
19.网站介绍 + E A+ u1 \3 O7 ]% X$ W
你应当有一个很清晰的网站介绍,告诉访问者你的网站能够提供些什么,以便访问者能找到想要的东西。但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。 ) s$ E" V6 `% ?; q/ k1 ]" u" G 8 z2 ]6 }& C1 ?' N @ 20.“网站一旦发布,网站设计的优点和缺陷全都公布于世。 - ]( D! [; i T( t5 S5 Q8 L 没有什么法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到多的东西。”——专家忠告 3 C b: m6 M0 s; D Q8 }, d . r' W3 F! Q+ y9 C 21.闪烁让人头痛 - {, j0 f9 L$ s8 [" T9 N9 o' ^
通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。 + H5 E5 P% v1 j. m, [& d2 V ~% y& s
% e7 y" W3 B1 t# W4 ]/ k
22.背景颜色 9 P# x5 }: F* H7 {% d) d 背景颜色也会产生一些问题,可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。 - z- i7 H. C9 R 1 a9 Y, ~" M% Q* J/ K" m* X 23.向前和向后按钮 - }8 }/ w" ^8 o 应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。 : b% n# q) h4 q5 ~
24.“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习” ——专家忠告* J E+ `# P; f6 D$ q
! |0 g5 z8 s8 r! ? 25.点击记数器 , ^, ~$ }9 o+ V# h" J3 T$ n. U$ n 不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。 , u {( R" Q" A s+ z( S, _- N1 W, k7 P) ^5 ~$ W
26.不要用框架 : e: O' u& F3 ]) d. m1 D+ y" D 与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。 / {' p, y7 y0 \3 `: l
5 G2 p1 A7 D, T
27.去掉图像 ' X9 \; P, b+ ` |: X3 } 在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。 % ~+ O Q+ T1 f/ r 8 y' ?8 X+ s2 @4 s$ ? {7 G3 M4 z
28.重复使用图像 5 l' R0 m6 C$ x# F& @: x' t' R/ e
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时,在网页上多次使用同样的图像是一个好的方法,并且一旦它们被装入,以后重新载入就会很快。 ! T' Y+ ], s4 c5 W% D# A* X6 w 7 u% _2 `% l/ D; ]
29.避免使用过大的图像 # C7 n3 c, K5 x% [/ {4 z( {) K 不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。 0 M; E: x7 w. P- B
. `# W2 o1 J% T4 [ 30.“避免使用炫耀的技巧。” ——专家忠告 0 P! ^5 U6 L% E. Y% f- T2 C6 X: z 31.选择使用Flash动画 9 y! S/ X( T% v x, O 许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源,使网站的操作变得很困难,因此,应该给用户一个跳过使用Flash动画的选择。 0 E$ z, n2 L6 Z$ A: t
: m% l8 ~6 h9 E |' A
32.尽量少使用Flash插件 $ A+ f J3 j+ P- M 虽然许多Web设计者认为Flash功能很强大,并且Netscape5.0将支持Flash,在使用时不必再下载任何插件。 3 L) u2 T, n6 z d. ` N* K, r, f 但是,最好还是取消使用Flash做各接口的想法。 ) M/ U- L4 S+ a3 j( _1 ]7 h
( R( w4 H9 y% Y/ r. b {$ Q
33.让用户先预览小图像 4 C! r K: w" m+ J* e3 P p
如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。 9 o, f* h8 X X7 q% _ " u# x! }$ I |2 c2 m" l
34.动画与内容应有机结合 8 q t4 }/ ]4 w S8 m. D: T
确保动画和内容有关联。它们应和网页浑然一体,而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。 . a6 i$ n- J0 g
V1 u% G/ Z8 W L$ z' K 35.慎用声音 - f. N: G4 X% B# l) R. r6 T
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。 * @' B1 b8 h: R' B& r# o U
. U; e! ?5 A. F; N8 G 49.测试网站 6 Z6 B+ d `% P) a
在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。 * C$ \5 q$ S3 D( x9 ^
) l% z/ W: K7 j2 j, V' I% @ 50.“尽你所能反复测试所设计的网站,直到你不能发现新的东西为止”——专家忠告 * S" b9 |* G$ E i1 M. \4 u
9 E7 J5 m9 n, M
51.演示即将发布的网站 & L t# y. r. e; ~, O 在网站正式运行之前,让人演示它。演示中人们会告诉你所设计的网站是否容易使用。 + z' c) U0 |% t7 g1 K5 I; S; ?- i