Web開(kāi)發(fā)規(guī)劃五大準(zhǔn)則

假如匆促而為，規(guī)劃一個(gè)專題或許網(wǎng)站一定會(huì)成為惡夢(mèng)。Web規(guī)劃需求遵循一些準(zhǔn)則并有計(jì)劃地去做。

Rule #1 : 先出規(guī)劃圖

這是有必要的。不要假設(shè)規(guī)劃圖在你的腦筋中就開(kāi)端規(guī)劃web，有必要要放到紙上。能夠這樣做：

1， 拿尺子、筆和紙，按照詳細(xì)的尺度一行一行地畫(huà)下來(lái)；

2， 記住考慮分界線的長(zhǎng)度等，這樣才干契合CSS的像素；

3， 記下規(guī)劃的每一個(gè)細(xì)節(jié)以免忘掉，假如把所有細(xì)節(jié)都累積到最后將是巨大的麻煩。

Rule #2 :配色

這是規(guī)劃的中心部分，只要色彩調(diào)配合適才干使你的網(wǎng)頁(yè)看起來(lái)不錯(cuò)。首先要決定的是主色，也即你在網(wǎng)頁(yè)中大都運(yùn)用的色彩；然后選擇跟主色調(diào)調(diào)配的第二色彩；不要選擇超過(guò)三種色彩否則你的規(guī)劃看起來(lái)會(huì)很亂。假如你想要更多的色彩，能夠運(yùn)用淺色或許深色的暗影來(lái)調(diào)配主色調(diào)。

1， 閱讀十個(gè)跟你網(wǎng)頁(yè)有同樣主色調(diào)的網(wǎng)頁(yè)；

2， 給幾個(gè)人看你的配色計(jì)劃并取得反饋；

3， 從閱讀的網(wǎng)頁(yè)和反饋你將更好地完善你的色彩調(diào)配。

Rule #3 : 從基本的版塊開(kāi)端著手

定下配色和規(guī)劃圖之后，從最基本的結(jié)構(gòu)開(kāi)端構(gòu)建——我的意思是說(shuō)不添加任何文本。因?yàn)樵诎婷嬷屑尤胛谋緯?huì)使得架構(gòu)混亂。方法如下：

1， 每一個(gè)版塊設(shè)定邊界線，這樣能夠看到詳細(xì)的尺度和方位；

2， 對(duì)不同的版塊運(yùn)用不同的色彩，在完結(jié)版塊后再改成你想要的色彩。

Rule #4 : 理清CSS

不要在你的HTML文件中將styling元素搞得太雜亂，否則比及你修正的時(shí)分你就不得不到處查找。所以將所有styling元素歸置在一個(gè)獨(dú)自的CSS文檔中。

在styling之前理清你的CSS以免太過(guò)雜亂導(dǎo)致你多次重復(fù)同一件事。CSS支持承繼，也即parent block的style能夠用于child block.，充分利用這條特性。命名CSS分類名也要易懂易記。比如運(yùn)用“main_content”而不是“div_1”。

Rule #5 : 制定多重 CSS 文檔

我們都知道，運(yùn)用閱讀器能夠輕易地看到網(wǎng)頁(yè)的輸出，但運(yùn)用另一閱讀器的時(shí)分則或許發(fā)現(xiàn)輸出不正常。這不是什么稀奇事兒，因?yàn)槊總�(gè)閱讀器對(duì)HTML和CSS的處理方式都不相同。

為防止這種情況，每個(gè)閱讀器預(yù)備一個(gè)CSS文檔，這樣所有閱讀器都能夠正常閱讀。雖然這有一定的難度，但是記著指望一個(gè)CSS文檔來(lái)滿意所有閱讀器是不或許的