怎么用ps切完圖后保存成XHTML+CSS布局的格式啊?

這個(gè)問題很簡單，網(wǎng)上有些比較變態(tài)的軟件，按照一定的邏輯程序把你切割好的PS文件硬性轉(zhuǎn)化成所謂的XHTML+CSS文件。這樣的東西主要是什么都不懂的新手去用。

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)潮陽免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了超過千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

切好后按ctrl+shift+alt+s彈出對(duì)話框。點(diǎn)擊“存儲(chǔ)”彈出保存對(duì)話框，把格式改為“HTML和圖像”，點(diǎn)擊保存即可。

首先，在ps中打開一張要處理的圖片。然后，在左側(cè)的工具欄中點(diǎn)擊切片工具。接著，用切片工具把圖片分成4份。之后，再依次點(diǎn)擊左上角的文件——存儲(chǔ)為web所用格式。在彈出的窗口中點(diǎn)擊存儲(chǔ)的按鈕。

使用ps切片，切好了保持為 web存儲(chǔ)格式 彈出的窗口可以設(shè)置保持的類型的，可以設(shè)置成div加css的 如下圖：切好片以后，文件保存為web存儲(chǔ)文件，就會(huì)彈出下面的圖片。點(diǎn)擊紅框的箭頭。點(diǎn)擊輸出設(shè)置。

打開圖片，復(fù)制圖層，關(guān)閉背景圖層，用“魔術(shù)橡皮擦工具”擦除背景；“文件--存儲(chǔ)為web所用格式--存儲(chǔ)”，“將優(yōu)化結(jié)果存儲(chǔ)為--僅限HTML”，保存；打開“我的圖片”，找到剛才保存的HTML格式文件，完成。

PS的樣式跟CSS的樣式是一樣的嗎?我可以理解為把PSD文件制作成代碼之后...

1、用PS可以制作網(wǎng)頁的效果圖，然后用切片工具，就可以將圖片切成網(wǎng)頁可用的切片。但這只是網(wǎng)頁上的相關(guān)圖片。CSS是可以對(duì)這些圖片進(jìn)行排版的，進(jìn)行樣式的設(shè)定。因此，兩者的功能是相補(bǔ)的， 所以都是有用的。

2、把psd網(wǎng)頁先劃分成三大塊，頂部，中間部分，底部。然后在各個(gè)部分繼續(xù)劃分字模塊，每個(gè)模塊都統(tǒng)一用DIV來實(shí)現(xiàn)，css只是負(fù)責(zé)定義層的屬性，比如寬，高，背景色，位置等等。

3、只能轉(zhuǎn)換成XHTML，CSS是沒法自動(dòng)生成的。并且轉(zhuǎn)換成的XHTML是以table布局，而不是以div布局的。

4、寫完之后在各個(gè)瀏覽器運(yùn)行之后確保大體定位都沒有問題。書寫總體css，這里的css只負(fù)責(zé)大塊的定位及樣式。切出需要的圖片資源，在寫好的框架中一點(diǎn)點(diǎn)的去構(gòu)造，不斷的調(diào)試，最終為成品。

PS如何導(dǎo)出.css文件

1、LZ說的那個(gè)不是.CSS文件，而是在HTML里面加入了CSS樣式。.CSS是指單獨(dú)的樣式文件，使用的時(shí)候需要用 這樣的格式導(dǎo)入。

2、這個(gè)問題很簡單，網(wǎng)上有些比較變態(tài)的軟件，按照一定的邏輯程序把你切割好的PS文件硬性轉(zhuǎn)化成所謂的XHTML+CSS文件。這樣的東西主要是什么都不懂的新手去用。

3、最簡單的：在ps里切割好后，別存為jpg和html，會(huì)自動(dòng)產(chǎn)生一個(gè)html文件，將產(chǎn)生的html文件和存圖片的目錄放在你的網(wǎng)站目錄下，就可以了。如果是做asp的，將html的擴(kuò)展名改為asp，界面就算做好了。接下來就是寫代碼了。

PS處理好的圖片用DW如何生成CSS格式

1、首先打開Dreamweaver插入圖片。點(diǎn)擊插圖右鍵選擇CSS樣式-新建。點(diǎn)擊新建后彈出的對(duì)話框自定義名稱即可。后在彈出的對(duì)話框中設(shè)置需要的效果即可，可以自定義類型、背景、區(qū)塊、定位等。

2、最簡單的：在ps里切割好后，別存為jpg和html，會(huì)自動(dòng)產(chǎn)生一個(gè)html文件，將產(chǎn)生的html文件和存圖片的目錄放在你的網(wǎng)站目錄下，就可以了。如果是做asp的，將html的擴(kuò)展名改為asp，界面就算做好了。接下來就是寫代碼了。

3、不能直接轉(zhuǎn)換，在ps里用切片工具把你的小樣給切分開，再到DW里去做樣式。

4、首先打開dw軟件，新建一個(gè)文本文檔，找到兩張圖片。其次用li標(biāo)簽，先把兩張圖片用代碼寫出來加入css代碼。最后再給下面的代碼上添加上相應(yīng)的css樣式代碼。

在Photoshop里設(shè)計(jì)好網(wǎng)頁后,在Dreamweaver里怎么導(dǎo)出div+css布局的靜態(tài)...

1、選擇底下有個(gè)選項(xiàng)所以用戶切片，不要選擇所以切片。然后切好圖了，接下來就是用到dreamweaver來制作網(wǎng)頁。dreamweaver制作html頁面。用的div+css或者表格布局，現(xiàn)在大多數(shù)都用div+css。

2、首先打開Dreamweaver插入圖片。點(diǎn)擊插圖右鍵選擇CSS樣式-新建。點(diǎn)擊新建后彈出的對(duì)話框自定義名稱即可。后在彈出的對(duì)話框中設(shè)置需要的效果即可，可以自定義類型、背景、區(qū)塊、定位等。

3、使用ps切片，切好了保持為 web存儲(chǔ)格式 彈出的窗口可以設(shè)置保持的類型的，可以設(shè)置成div加css的 如下圖：切好片以后，文件保存為web存儲(chǔ)文件，就會(huì)彈出下面的圖片。點(diǎn)擊紅框的箭頭。點(diǎn)擊輸出設(shè)置。

4、不能直接轉(zhuǎn)換，在ps里用切片工具把你的小樣給切分開，再到DW里去做樣式。

怎樣設(shè)置PS切片存儲(chǔ)為DIV+CSS頁面

首先打開Dreamweaver插入圖片。點(diǎn)擊插圖右鍵選擇CSS樣式-新建。點(diǎn)擊新建后彈出的對(duì)話框自定義名稱即可。后在彈出的對(duì)話框中設(shè)置需要的效果即可，可以自定義類型、背景、區(qū)塊、定位等。

把psd網(wǎng)頁先劃分成三大塊，頂部，中間部分，底部。然后在各個(gè)部分繼續(xù)劃分字模塊，每個(gè)模塊都統(tǒng)一用DIV來實(shí)現(xiàn)，css只是負(fù)責(zé)定義層的屬性，比如寬，高，背景色，位置等等。

ps里有個(gè)切片工具，將你需要的圖片切成一小塊一小塊的，只切圖片，不要都切，圖片越少越好，比如背景重復(fù)的，就只切一個(gè)像素就可以了，然后做網(wǎng)頁的時(shí)候設(shè)置樣式為平鋪。

你會(huì)PS卻不會(huì)切片，你會(huì)DW卻不太懂div及CSS。很矛盾！我想你沒有表述清楚；只能說你對(duì)上述說的軟件大概知道一點(diǎn)。PS主要是對(duì)網(wǎng)頁中的圖片及特殊文字進(jìn)行編輯并切片保存為WEB格式以便在DW里插入使用。

你可以開PS進(jìn)行測(cè)試一下，先切割好了之后，再使用組合鍵：Ctrl+alt+shift+s 點(diǎn)存儲(chǔ)，看到設(shè)置地方為：默認(rèn)設(shè)置一般沒有手動(dòng)調(diào)過的，都是table格式，而設(shè)置處為背景格式或其它等，則一般就是DIV+CSS切片。

你的問題很有意思！你會(huì)PS卻不會(huì)切片，你會(huì)DW卻不太懂div及CSS。很矛盾！我想你沒有表述清楚；只能說你對(duì)上述說的軟件大概知道一點(diǎn)。PS主要是對(duì)網(wǎng)頁中的圖片及特殊文字進(jìn)行編輯并切片保存為WEB格式以便在DW里插入使用。

名稱欄目：pscs導(dǎo)出css樣式 pscs6導(dǎo)出
本文路徑：http://chinadenli.net/article6/didojig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、小程序開發(fā)、外貿(mào)建站、手機(jī)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)