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