ps如何切圖成HTML頁(yè)面 希望給一個(gè)詳細(xì)流程操作
ps如何切圖成HTML頁(yè)面 希望給一個(gè)詳細(xì)流程操作
1、在Adobe Photoshop CC中打開(kāi)設(shè)計(jì)好的PS圖片文件
2、按鍵盤(pán)快捷鍵Ctrl+R調(diào)出參考線(xiàn)功能
3、在標(biāo)尺上按住鼠標(biāo)左鍵拉出輔助線(xiàn)到相應(yīng)位置
4、選擇切片工具，或鍵盤(pán)快捷鍵C ，激活切片功能;點(diǎn)擊基于參考線(xiàn)的切片，軟件自動(dòng)將輔助線(xiàn)條之間分割成若干切片（注：放大檢查輔助線(xiàn)位置會(huì)更精準(zhǔn)）
5、選擇菜單【文件】>存儲(chǔ)為web格式，調(diào)出web格式窗口
6、點(diǎn)擊【存儲(chǔ)】按鈕，進(jìn)入存儲(chǔ)窗口
7、存儲(chǔ)窗口中格式選擇Html和圖像，所有切片;然后保存
8、自動(dòng)生成網(wǎng)頁(yè)代碼文件和圖像;如圖示：圖片文件夾images和html代碼文件。
如何將一張圖片分割保存為HTML(PS中切片的使用)
二 按網(wǎng)頁(yè)的結(jié)構(gòu)和圖片的特點(diǎn)進(jìn)行切片切片的大水上和位置可以通過(guò)切片選項(xiàng)來(lái)進(jìn)行調(diào)整三 選擇文件菜單 另存為WEB格式命令，保存時(shí)會(huì)生成index.html 圖片文件會(huì)存放在images文件夾中(CS3要選擇存儲(chǔ)為html和圖片)四 使用Dreamweaver軟件打開(kāi)剛剛保存生成的html文件進(jìn)行編輯，刪除不必須的圖片和進(jìn)行內(nèi)容的填充。切片原則和常見(jiàn)問(wèn)題：一 切片是生成表格的依據(jù)，切片的過(guò)程要先總體后局部，即先把網(wǎng)頁(yè)整體切分成幾個(gè)大部分，再細(xì)切其中的小部分。
二 對(duì)于漸變的效果或圓角等圖片特殊效果，需要在頁(yè)面中表現(xiàn)出來(lái)的，要單獨(dú)切出來(lái)三 在DW中進(jìn)行編輯時(shí)，少用圖片，如果能用背景顏色代替的就使用背景顏色 能使用圖案的也盡可能使用圖案平鋪來(lái)形成背景刪除圖片的時(shí)候記住圖片的長(zhǎng)寬，再插入一個(gè)相同長(zhǎng)寬的表格。
使用表格長(zhǎng)寬一樣的圖片做為單元格的背景。
HTML怎么保存出圖片 PS切片只保存了html格式 沒(méi)保存JPG格式
保存的方法和操作步驟如下：
1、首先，在PS中完成切片后，依次單擊“文件”–>“存儲(chǔ)為Web和設(shè)備所用格式”，如下圖所示。
2、其次，在彈出窗口中，單擊右上角的“存儲(chǔ)”按鈕，如下圖所示。
3、接著，在此步驟中，選擇“HTML和圖像（*.HTML）”作為保存類(lèi)型，然后單擊百科“保存”按鈕即可，如下圖所示。
4、**，保存后，HTML格式的文件和JPG格式的圖片就保存在了“images”文件夾中，如下圖所示。這樣，問(wèn)題就解決了。
