設(shè)計效果圖–》切圖+制作靜態(tài)html模板–》嵌套至CMS，這些是一般的網(wǎng)站制作步驟流程，不過切圖雖然是最簡單的那一步，但其中也會有很多技巧的，根據(jù)以往的經(jīng)驗我總結(jié)了以下幾點：

總體上，把握一個原則，能用css寫的，堅決不要用圖片。想必大家都知道，首頁如果放有很多圖片的話，那么網(wǎng)站打開的速度就會很慢，因為圖片多，需要下載的文件體積就增大，還有每一個圖片下載都會對服務(wù)器有一個請求的，增大了瀏覽器與服務(wù)端的交互次數(shù)，如果能把純色的部分用css來寫，而不因為省事直接切圖，就會極大提高網(wǎng)站的運行效率，我最早開始學習制作網(wǎng)站時，就想當然的認為怎么樣能加快制作速度就怎么來，于是把一個導航條的背景直接切成圖片，后來老板看到我寫的html代碼，告訴我不能這么干，用div定義好寬和高設(shè)置背景色和邊框，一行代碼就搞定。如果遇到有漸變色的背景，可以沿著與漸變色相同方向切一個像素的條紋，用css中background的repeat-x或repeat-y來自動填充。

對于有圓角的導航條圖片，可以將兩邊的圓角部分單獨切出來，中間如果有漸變色，也是只切一個像素的條紋，切出來的三個條紋可以合并到一張圖片里（上、中、下），使網(wǎng)頁中使用的時候用css中的positon屬性來定位圖片出現(xiàn)的位置。

其實呢，切割效果圖的過程對于圖片的保存格式也是很有講究的，一般來講，用圖像工具（如photoshop）制作的色彩絢麗的按鈕或圖標一般都存成png格式，而用相機拍攝的風景或人物、物體圖像多用jpg格式保存，gif一般用來存儲含有簡單動畫效果的圖像，另外需要注意一點的是，如果圖片中使用了透明效果，要存儲成png-8的格式，png的其他格式要么不支持透明，要么保存時文件要大很多，png-8是”性價比”高的。

其實有很多命名圖片都是有規(guī)則而無意義的，如，index_02_01、 index_01、index_02這些，不要覺得圖片命名的重要性不大，一定要養(yǎng)成一個良好的習慣，把切好圖片的命名也看重一些，最好做到見名知意。

在進行網(wǎng)站改版和網(wǎng)站維護的時候，如果要更換某些網(wǎng)站圖片，就需要一個一個從瀏覽器中右鍵查看圖片地址，記下每一個長長的沒有規(guī)律的圖片名稱，這會讓技術(shù)人員十分崩潰（也可能就是你自己），所以，在保存圖片時就給它寫上有意義的名字是很必要的。

以上是個人總結(jié)的在做網(wǎng)站時的一些切圖技巧，希望對廣大菜鳥級的朋友給點怎么樣做網(wǎng)站的一些建議，或者是對于想從事網(wǎng)頁設(shè)計的朋友的一些提示吧，歡迎朋友們來相互學習交流！

本文標題：做網(wǎng)站制作的時候切片排版有哪些技巧
URL地址：http://jinyejixie.com/news20/118920.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作、做網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)