傳 真：0632-5271123
地 址： 棗莊市文化西路23號
E-mail：zzint@zzint.com
- 技術咨詢：
- 業務咨詢：
- 客戶服務：
- 服務監督：
進行網站切圖 使用 photoshop 進行網站切圖
一，基本概念 1，切圖，是一種網頁制作技術，他是將美工效果圖轉換為頁面效果 圖的重要技術。 Fireworks 也提供了切圖技術， Flash 則直接提供了網 頁格式輸出技術（不需要切圖）。 2，切片，是切圖的直接結果，切圖實際上就將圖切分為一系列的切 片 二，切圖操作過程 1，切圖工具圖標的識別
2，切圖基本操作
1）基本操作有兩個：劃分切片和編輯切片 劃分切片，是使用切片工具，在原圖上進行切分的操作。 編輯切片，是對切分好的切片進行編輯的操作，編輯包括對切片的名 稱、尺寸等的修改等等 下面我們看一下這兩個操作 2）基本操作
如果想移動某個切片，可以使用“切片選擇工具”選擇某個切片，并用 鼠標進行拖動，也可以使用實現，另外如果想精確的細微移動，則可 以使用實現 如果想將某個切片存為某個圖片輸出， 可以使用“切片選擇工具”選擇 某個切片，然后選擇“文件”菜單，并選擇“存儲為 Web 所用格式 (W)...”，然后在彈出的界面中...
3，切圖技巧 1）一張圖，可以有多種切分方式，如下：
既然存在 n 多種切圖方式，那么是不是哪種方式都可以滿足要求？ 答案：不是的。 一般對頁面的要求是，當頁面大小發生變化時，頁面的各部分可以相 對自由地伸縮，而不會使頁面發生錯亂或變形等問題。 我們切分好的圖是要輸出為 Html 格式的網頁文件的，然后通過網頁 編輯器， 將該頁面進行加工， 做成符合要求 （例如可以根據內容多少， 自由伸縮等）的模板頁面。這其中，切圖的方式直接影響著模板頁面 是否能夠滿足實際的要求。 我們來看一個例子：
2）切圖技巧主要有幾下幾點 屬性均勻的區域適合分為一個切片， 均勻主要是指顏色和形狀都沒有 變化，或者在 X 或在 Y 方向上沒有變化。 屬性漸變的區域適合分為一個切片，漸變有兩種表現形式 顏色漸變 形狀漸變 根據原圖的內容布局， 確定整體的切分策略， 即切分要有分塊的思想， 要在想象中將整個布局看成是一個兩個 table，然后在具體到每個 table，去考慮里面應該如何切。 下面通過幾個圖例來說明
三，切圖的 Html 格式輸出 切圖完成，就可以輸出為 Html 格式的頁面了。 在“文件”菜單中，選擇“存儲為 Web 所用格式(W)...”，在彈出的頁 面中直接選擇“存儲”，然后在彈出的界面中，填入文件名，保存類型 選擇“HTML 和圖像(*.html)”， 設置為“默認設置”即可， 切片選擇“所 有切片”。然后點擊“保存”按鈕就可以了。 后面的事情，就是編輯輸出的 Html 頁面了。
網頁制作： 網頁制作：從切圖到生成網頁
上篇文章：搜索引擎提交地址
下篇文章：網站建設.com和.cn域名選擇的區別
