如果仓促而为，设计一个专题或者网站一定会成为恶梦。Web设计需要遵循一些准则并有计划地去做。
规则 #1 : 先出设计图+ X% S# o* G  t+ X9 l! P% O
这是必须的。不要假设设计图在你的头脑中就开始设计web，必须要放到纸上。可以这样做：7 D$ I( [3 \, ]: e- L2 K
1，  拿尺子、笔和纸，按照具体的尺寸一行一行地画下来；( K% f) b4 r# y, d  S& X5 p) Y0 ~
2，  记得考虑分界线的长度等，这样才能符合CSS的像素；$ Y/ |8 [3 |3 Z, z$ U/ l8 F
3，  记下设计的每一个细节免得忘记，如果把所有细节都累积到最后将是巨大的麻烦。
规则 #2 :配色
这是设计的核心部分，只有颜色搭配合适才能使你的网页看起来不错。首先要决定的是主色，也即你在网页中多数使用的颜色；然后选择跟主色调搭配的第二颜色；不要选择超过三种颜色不然你的设计看起来会很乱。如果你想要更多的颜色，可以使用浅色或者深色的阴影来搭配主色调。
 浏览十个跟你网页有同样主色调的网页；  给几个人看你的配色方案并取得反馈；2 l3 G& U3 M$ y# G$ f9 y  ~; j9 _3 T' Y
3，  从浏览的网页和反馈你将更好地完善你的颜色搭配。, l* h! S* B2 z0 B. p, U/ _
规则 #3 : 从基本的版块开始构建" l& e. Y9 f% g/ {- @- R8 p
定下配色和设计图之后，从最基本的框架开始构建——我的意思是说不添加任何文本。因为在版面中加入文本会使得架构混乱。方法如下：
 每一个版块设定边界线，这样能够看到具体的尺寸和位置；; q/ p& G0 r( Q- r2 Z
2，  对不同的版块使用不同的颜色，在完成版块后再改成你想要的颜色。) G0 n2 v; Z) ~/ w" S
规则 #4 : 理清CSS0 g+ L& N  Q. k' J8 O- J
不要在你的HTML文件中将styling元素搞得太复杂，不然等到你修改的时候你就不得不到处搜索。所以将所有styling元素归置在一个单独的CSS文档中。$ l' z. U. l! l. z% p+ G2 w! }
在styling之前理清你的CSS免得太过杂乱导致你多次重复同一件事。CSS支持继承，也即parentblock的style可以用于childblock.，充分利用这条特性。命名CSS分类名也要易懂易记。比如使用“main_content”而不是“div_1”。; Z& V+ |% z0 x/ W
规则 #5 : 制订多重 CSS 文档/ _2 ]+ Q& {- V% E” C- W
我们都知道，使用浏览器可以轻易地看到网页的输出，但使用另一浏览器的时候则可能发现输出不正常。这不是什么稀奇事儿，因为每个浏览器对HTML和CSS的处理方式都不一样。6 J4 r1 ~; A1 t! K5 ^3 I) T
为避免这种情况，每个浏览器准备一个CSS文档，这样所有浏览器都可以正常浏览。虽然这有一定的难度，但是记着指望一个CSS文档来满足所有浏览器是不可能的。