歡迎來到合肥浪訊網(wǎng)絡科技有限公司官網(wǎng)
  咨詢服務熱線:400-099-8848

Web開發(fā)規(guī)劃五大準則

發(fā)布時間:2019-10-03 文章來源:本站  瀏覽次數(shù):2764

假如匆促而為,規(guī)劃一個專題或許網(wǎng)站一定會成為惡夢。Web規(guī)劃需求遵循一些準則并有計劃地去做。

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

這是有必要的。不要假設規(guī)劃圖在你的腦筋中就開端規(guī)劃web,有必要要放到紙上。能夠這樣做:

1, 拿尺子、筆和紙,按照詳細的尺度一行一行地畫下來;

2, 記住考慮分界線的長度等,這樣才干契合CSS的像素;

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

Rule #2 :配色

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

1, 閱讀十個跟你網(wǎng)頁有同樣主色調的網(wǎng)頁;

2, 給幾個人看你的配色計劃并取得反饋;

3, 從閱讀的網(wǎng)頁和反饋你將更好地完善你的色彩調配。

Rule #3 : 從基本的版塊開端著手

定下配色和規(guī)劃圖之后,從最基本的結構開端構建——我的意思是說不添加任何文本。因為在版面中加入文本會使得架構混亂。方法如下:

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 文檔

我們都知道,運用閱讀器能夠輕易地看到網(wǎng)頁的輸出,但運用另一閱讀器的時分則或許發(fā)現(xiàn)輸出不正常。這不是什么稀奇事兒,因為每個閱讀器對HTML和CSS的處理方式都不相同。

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

上一條:什么是靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁...

下一條:網(wǎng)站失利的十個原因...