Web开发规划五大准则

假如匆促而为，规划一个专题或许网站一定会成为恶梦。Web规划需求遵循一些准则并有计划地去做。

Rule #1 : 先出规划图

这是有必要的。不要假设规划图在你的脑筋中就开端规划web，有必要要放到纸上。能够这样做：

1， 拿尺子、笔和纸，按照详细的尺度一行一行地画下来；

2， 记住考虑分界线的长度等，这样才干契合CSS的像素；

3， 记下规划的每一个细节以免忘掉，假如把所有细节都累积到最后将是巨大的麻烦。

Rule #2 :配色

这是规划的中心部分，只要色彩调配合适才干使你的网页看起来不错。首先要决定的是主色，也即你在网页中大都运用的色彩；然后选择跟主色调调配的第二色彩；不要选择超过三种色彩否则你的规划看起来会很乱。假如你想要更多的色彩，能够运用浅色或许深色的暗影来调配主色调。

1， 阅读十个跟你网页有同样主色调的网页；

2， 给几个人看你的配色计划并取得反馈；

3， 从阅读的网页和反馈你将更好地完善你的色彩调配。

Rule #3 : 从基本的版块开端着手

定下配色和规划图之后，从最基本的结构开端构建——我的意思是说不添加任何文本。因为在版面中加入文本会使得架构混乱。方法如下：

1， 每一个版块设定边界线，这样能够看到详细的尺度和方位；

2， 对不同的版块运用不同的色彩，在完结版块后再改成你想要的色彩。

Rule #4 : 理清CSS

不要在你的HTML文件中将styling元素搞得太杂乱，否则比及你修正的时分你就不得不到处查找。所以将所有styling元素归置在一个独自的CSS文档中。

在styling之前理清你的CSS以免太过杂乱导致你多次重复同一件事。CSS支持承继，也即parent block的style能够用于child block.，充分利用这条特性。命名CSS分类名也要易懂易记。比如运用“main_content”而不是“div_1”。

Rule #5 : 制定多重 CSS 文档

我们都知道，运用阅读器能够轻易地看到网页的输出，但运用另一阅读器的时分则或许发现输出不正常。这不是什么稀奇事儿，因为每个阅读器对HTML和CSS的处理方式都不相同。

为防止这种情况，每个阅读器预备一个CSS文档，这样所有阅读器都能够正常阅读。虽然这有一定的难度，但是记着指望一个CSS文档来满意所有阅读器是不或许的