網頁切圖處理與技巧

class="area"> 一，概述

　　1，網頁切圖，是指經過切圖後輸出為Html的頁面。

　　2，網頁切圖處理，主要是指處理輸出後的Html頁面，經過Html格式的編輯後，使其能夠滿足實際要求（可以自由伸縮等等）

　　3，處理網頁切圖的工具可以有Frontpage或Dreamweaver，一般來說建議使用Dreamweaver。

　　二，網頁切圖處理

　　1，處理過程一般為：

　　1）使用Dreamweaver軟件打開輸出後的html頁面。

　　2）去掉Html中多余的圖片（Html格式輸出後，切片均變為了圖片）

　　3）將需要隨頁面大小自動伸縮的部分的圖片變為背景，並設置背景以某種方式自動延伸。

　　4）某些部分可能不要自動伸縮，但需要在這些部分上面顯示文字，這時也要將這部分圖片變為背景，只是背景不做任何方式的延伸。

　　5）在前面我說過“塊”的概念，這個概念在網頁切圖處理過程中非常重要。

　　6）切圖軟件在將切圖以Html格式輸出成網頁後，該網頁的Html代碼結構一般不是我們所要的，因為裡面有大量的rowspan和colspan結構，這極大限制了網頁的自由伸縮。

　　7）解決辦法：將整個頁面放在一個table中，其中每個塊是一個子table，然後在每個子table裡面再細分，甚至會出現子子子table（復雜的頁面有這種情況），然後將相應的圖片放置到我們做的table結構中。而後在進行上面的第2、3、4步驟。