如何用photoshop輸出html網頁

2021-04-24 23:06:21 字數 797 閱讀 8797

本次教程就以http://www.mobanwang.com/mb/200701/50.html中的一模板為例。

使用工具:photoshop 8.0.1

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

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

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

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

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

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

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

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

接下來就可以輸出了:

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

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

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

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

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

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

在第2個下拉列框處選擇「切片」

選擇「生成css」

單擊「好」→「儲存」就可以輸出乙個目前流行的「div+css」的html網頁。

如何用photoshop來製作時鐘

我們怎樣才能用ps把乙個時鐘做得立體,有層次感,讓人覺得跟真的沒什麼區別。接下來進行操作 先建立乙個畫布尺寸800,600 畫素,解析度為72的畫布。用圓角矩形工具,畫出乙個圓角矩形,畫素為50,畫完之後拉漸變 顏色分別為 d84645,b92222 給這個圓角矩形加上圖層樣式,是為了更好的體現出它...

如何用Qt Creator輸出helloworld

0 引言 相比於mfc只要直接在vs上搭建,qt的配置就相對複雜了,qt新手上路,老司機繞道,記錄下配置qt的整個過程,直到最終用c 輸出 hello world 搭建環境 win10 qt 3.6.1 mingw gcc440 1 qt 4.8.5 mingw 密碼 mq14 預設路徑c qt q...

如何用ASP輸出HTML檔案?

u title request.form u title 檢查標題是否被輸入.if u title then 檔案標題 font size 12 3 4www.cppcns.comoption 5 6 第1段第2段 程式設計客棧 textarea 提交 end if if u title then ...