網(wǎng)站建設(shè)和網(wǎng)頁(yè)制作雖然工作量很大，內(nèi)容比較多，但是基本可以把網(wǎng)頁(yè)制作的工作分為以下3個(gè)步驟，第一是設(shè)計(jì)出網(wǎng)頁(yè)效果圖，第二是切圖，同時(shí)制作出靜態(tài)的頁(yè)面模板，第三也就是最后嵌套到CMS。這3步里，切圖雖說(shuō)是不復(fù)雜，但是切圖也有一些小竅門可以借用，杭州網(wǎng)頁(yè)設(shè)計(jì)在這里為大家總結(jié)出以下幾點(diǎn)。

????? 首先，杭州網(wǎng)頁(yè)設(shè)計(jì)提醒大家要把握一個(gè)大原則，怎么建設(shè)管理網(wǎng)站那 就是可以用css寫出來(lái)的，就完全沒(méi)必要使用圖片。這是因?yàn)榫W(wǎng)頁(yè)的圖片多，瀏覽器打開(kāi)網(wǎng)頁(yè)時(shí)就需要下載這些圖片，導(dǎo)致網(wǎng)頁(yè)打開(kāi)速度減慢，對(duì)于瀏覽者而言， 這無(wú)疑是很讓人厭煩的。而且圖片每一次的下載都必須向服務(wù)器發(fā)出請(qǐng)求，圖片多的話，無(wú)形中就增多了網(wǎng)站服務(wù)器的工作量。這種情況下，與圖片相比，css就 能極大地降低服務(wù)端的負(fù)荷，提高網(wǎng)站運(yùn)行效率。

?????? 為了幫助新手站長(zhǎng)理解，杭州網(wǎng)頁(yè)設(shè)計(jì)在這里舉個(gè)例子，比如導(dǎo)航條的背景，省事的作法是直接使用圖片，但是對(duì)于網(wǎng)站運(yùn)行而言，最優(yōu)的方法是用div定義長(zhǎng) 度，將邊框和背景色使用代碼設(shè)置出來(lái)。如果背景是漸變色，可以使用css中的背景屬性background，首先選取在漸變方向上切一道條紋，大小為一個(gè) 像素即可，然后用repeat算法填充即可。

????? 然后在做導(dǎo)航欄的效果圖中，需要注意到圖片的保存格式，通常photoshop這之類的圖像處理工具所制作出來(lái)的按鈕、圖標(biāo)，用png格式保存，相機(jī)拍攝 的圖像為jpg格式，如果圖像具有動(dòng)畫效果，則用gif。杭州網(wǎng)頁(yè)設(shè)計(jì)提醒大家注意，圖片若采用了透明效果，那么就需要保存為png-8格式，因?yàn)閜ng 的其他格式，或者沒(méi)法運(yùn)用透明效果，或者文件體積太大，唯獨(dú)只有png-8是最佳選擇。

????? 另外還需要注意的就是切圖的命名習(xí)慣，杭州網(wǎng)頁(yè)設(shè)計(jì)建議，使用見(jiàn)名知意的名稱來(lái)保存已經(jīng)切好的圖片，有些網(wǎng)站為了方面使用切圖軟件對(duì)圖片進(jìn)行批量切割，所 保存的命名往往是有規(guī)則可是毫無(wú)意義的。因?yàn)樵诰W(wǎng)站改版或者維護(hù)時(shí)，網(wǎng)站圖片如果需要更換的話，技術(shù)人員需要查看圖片地址，就只能一個(gè)一個(gè)在瀏覽器中點(diǎn)擊 右鍵查看，圖片名稱如果沒(méi)有不規(guī)范，無(wú)形中就加大了技術(shù)人員的工作量，而這些在切圖時(shí)就可以避免。

??????以上便是杭州網(wǎng)頁(yè)設(shè)計(jì)為廣大站長(zhǎng)朋友和網(wǎng)站建設(shè)的技術(shù)人員所總結(jié)的有關(guān)網(wǎng)站切圖的技巧，希望對(duì)大家有幫助。