PS切片匯出為DIV CSS布局

2021-06-02 20:24:34 字數 1150 閱讀 6990

在修改好相應的文字與圖象之後,我們就將psd檔案輸出(x)html檔案。

首先得先對psd檔案做切片,有兩種方法:

①使用工具欄上的「切片工具」,

然後在圖象上劃出一塊一塊的區域。

②使用基於參考線的切片,按ctrl+r調出標尺欄,

把滑鼠移動到標尺上,按住滑鼠左鍵,移動到圖象上,將會看到一條綠色的參考線,如圖

將參考線;排好,然後點一下工具欄上的切片工具圖表,然後點上面

選項欄裡的「基於參考線的切片」。於是在原來的參考線上就變成了一塊一塊的切片了。

接下來就可以輸出了:

①依次選擇選單欄上的「檔案」→「儲存為web所用格式」→「儲存」。

②接下來就會彈出乙個「將優化結果儲存為」的視窗。

在「儲存型別」處有個下拉列框可以選擇,因為我們要儲存為網頁的格式,所以選擇「html和圖象(* html)」,再選擇「儲存」就可以輸出乙個網頁格式的html檔案與乙個包含圖象的名為「images」的資料夾。

③如果我們需要輸出「div+css的網頁」我們還可以這麼做:

在「設定」處的下拉列框,選擇「其他」

就會彈出乙個「輸出設定」的視窗

在第2個下拉列框處選擇「切片」,選擇「生成css」,單擊「好」→「儲存」,就可以輸出乙個目前流行的「div+css」的html網頁。

PS多視窗間複製切片的「笨辦法」

ps切頁面,有時候可能會遇到這種情況 設計有改動,但是切片要和以前相同。此時如果可以直接利用以前切好的切片,就能省下很多重新劃分切片的工夫。但設計人一般並不會在你上一次劃過切片的psd上修改,而是會重新輸出乙個psd。可以將乙個psd中已經劃好的切片複製到另乙個psd上嗎?遺憾的是,目前ps cs6...

C NPIO匯出 動態匯出為Excel

using npoi.hssf.usermodel using npoi.ss.usermodel using system using system.collections.generic using system.data using system.io using system.linq us...

Repeater匯出為excel格式

資料繫結到repeater1 下面是將repeater1的內容匯出的示例 system.io.stringwriter sw new system.io.stringwriter system.web.ui.htmltextwriter hw new system.web.ui.htmltextwr...