當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > 用PS生成html網(wǎng)頁文件使用方法步驟

用PS生成html網(wǎng)頁文件使用方法步驟

時間:2024-06-23 15:07:19 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

親們或許不知道用PS生成html網(wǎng)頁文件的詳細操作,那么今天小編就講解用PS生成html網(wǎng)頁文件的操作步驟哦,希望能夠幫助到大家呢。

用PS生成html網(wǎng)頁文件使用方法步驟

用PS生成html網(wǎng)頁文件使用方法步驟

打開Photoshop軟件,將處理好的圖片放入文檔工作區(qū),

用PS生成html網(wǎng)頁文件使用方法步驟截圖

在左邊的工具欄中選擇切片工具,如圖,

用PS生成html網(wǎng)頁文件使用方法步驟截圖

將圖片切成幾部分,如圖,需要刪除時可以用切片選擇工具選中那一部分、然后按delete鍵刪除,

用PS生成html網(wǎng)頁文件使用方法步驟截圖

然后點擊菜單欄的文件——導(dǎo)出——存儲為web所用格式,將圖片保存,

用PS生成html網(wǎng)頁文件使用方法步驟截圖

在保存屬性欄中可以更改圖片格式、圖像大小(也可以選擇默認不修改),選擇存儲命令,

用PS生成html網(wǎng)頁文件使用方法步驟截圖

必須選擇保存文件格式為“HTML和圖像格式”,將所有切片全部導(dǎo)出,

用PS生成html網(wǎng)頁文件使用方法步驟截圖

導(dǎo)出成功,我們在保存位置會看到一個images文件夾和一個html文件,images里面就是分割的圖片,

用PS生成html網(wǎng)頁文件使用方法步驟截圖

打開html網(wǎng)頁,就會看到圖片,這張圖片是以代碼的形式插入的。

用PS生成html網(wǎng)頁文件使用方法步驟截圖

以上就是我為大家分享的全部內(nèi)容了,更多軟件教程可以關(guān)注下載之家