电竞比分网-中国电竞赛事及体育赛事平台

分享

Photoshop圖象切片保存為網(wǎng)頁HTML(DIV+CSS布局)的方法

 kpengfang 2015-04-25
首先,制作圖象切片(以一張圖片為例子)
一、選擇“切片”工具,在圖像上拖動(dòng)以分割圖像(例如:一張圖像切割2次就形成3個(gè)切片)

切片后如下圖
二、設(shè)置切片選項(xiàng)(如大小、目標(biāo)鏈接、圖片說明等等):選擇“切片選擇”工具,在要設(shè)置的圖像切片上雙擊,在彈出的面板進(jìn)行具體設(shè)置(如圖):
三、儲(chǔ)存切片為網(wǎng)頁:
文件——保存為WEB和設(shè)備所用格式

一般選擇gif圖片格式,圖片邊緣的背景色設(shè)置為“無”,點(diǎn)擊“儲(chǔ)存”

然后,保存類型“HTML和圖像”。如果要保存為DIV+CSS布局,則設(shè)置“其它”

此時(shí)會(huì)彈出進(jìn)一步設(shè)置面板,選擇“切片”“生成CSS”

這樣,圖像切片就被保存成DIV+CSS的網(wǎng)頁布局了。

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多