剛剛發(fā)現(xiàn)了一篇對(duì)初學(xué)網(wǎng)頁(yè)制作的人很用用處的教程，轉(zhuǎn)來(lái)共同學(xué)習(xí)吧。但有些地方我不太認(rèn)同，不過(guò)還是有一些地方可以學(xué)習(xí)的。 
1.規(guī)劃:不管是喬客，還是用動(dòng)易、風(fēng)訊，我們都應(yīng)該考慮兩個(gè)問(wèn)題:
a、版面要分出頭、中、底三個(gè)部分。
b、中間部分要考慮兩種情況，一是兩欄(喬客左窄右寬，動(dòng)易左寬右窄)，二是一欄，兩種情況顯示不能變形。有些朋友想每個(gè)板塊的頭部不一樣，這也是可以的，你可以在程序代碼中做文章，那是編程的問(wèn)題，按下不表。
如果我看到別人的版面想拿下來(lái)，那就做個(gè)截圖，建立一個(gè)photoshop文件，把截圖放在最底層，作為最初的草圖。
2、制作。
a、即使不用別人的版面，最好也還是找一個(gè)同類(lèi)系統(tǒng)的網(wǎng)站截一個(gè)圖，放在最底層。拉三根垂直輔助線:左邊線，中間虛線位置，右邊線。
b、建立頭、中、底三個(gè)圖層組。有些人用photoshop不喜歡建立圖層組，這不是好習(xí)慣，一個(gè)版面，少則幾十層，多則上百層，不分開(kāi)圖層組管理就很亂，影響工作效率，更影響多人合作。
 

c、制作的時(shí)候最好盡量把文字內(nèi)容也放上去，可以更接近實(shí)際效果，等切圖的時(shí)候隱藏這些圖層。
d、標(biāo)題樣式。一個(gè)版面除了頭、底要特別制作外，中間部分應(yīng)該考慮制作三種標(biāo)題樣式:左欄、右欄、通欄，也可以統(tǒng)一風(fēng)格。還要考慮表頭背景、一些常用到的邊框等。我自己把許多喜歡的邊框樣式用js作了一個(gè)樣式包，隨時(shí)調(diào)用，而標(biāo)題樣式我是使用flash來(lái)做的一個(gè)樣式，使用不同的參數(shù)調(diào)用，就可以有不同的樣式和顏色，改版的時(shí)候就改一個(gè)js文件和flash文件，做版面的時(shí)候會(huì)節(jié)省一些時(shí)間。
 

e、常用的按鈕樣式。常用的按鈕其實(shí)不用在版面制作的時(shí)候做的，可以找回原來(lái)的按鈕圖片一個(gè)一個(gè)修改。
f、特殊字體的使用。不管是鏈接還是內(nèi)容，我都主張盡量使用樣式表來(lái)控制字體樣式，但有些地方要用到不常用的字體，為了使所有的瀏覽者都能看到自己的設(shè)計(jì)原意，就要把文字制作成圖片，這一類(lèi)的圖片要適當(dāng)使用，因?yàn)槭褂昧藞D片，對(duì)搜索引擎的訪問(wèn)是無(wú)益的。
 

g、像素圖。盡量使用像素處理，例如一些邊框、小圖標(biāo)，會(huì)使圖片的字節(jié)數(shù)大大減少，顯示快，容易透明處理。