這是一個(gè)非常便捷的方法，但我們需要提醒你注重：這只是一種PhotoShop所提供的附帶功能。并不能以此來(lái)完成xhtml css網(wǎng)站的開(kāi)發(fā)，此文僅作為消遣娛樂(lè)。因?yàn)镻hotoShop所生成的代碼是很不規(guī)范與科學(xué)的，有很多冗余而且并未優(yōu)化。

　　知道了這些，就讓我們開(kāi)始吧：

　　1、打開(kāi)photoshop cs2 ，打開(kāi)設(shè)計(jì)出的網(wǎng)站首頁(yè)。用切片工具切好。


　　2、點(diǎn) 文件-》存儲(chǔ)為web所用格式 快捷鍵為ctrl alt shift s ，點(diǎn)右上倒三角的小圖片，選擇Edit output settings


　　3、見(jiàn)圖，在第二個(gè)下拉中選擇 Slices，選擇Generate CSS ，然后在后面的下拉中選By ID


　　4、點(diǎn)OK保存并關(guān)閉設(shè)置窗口，在Save for Web窗口中點(diǎn)Save按扭，在保存類(lèi)型中選擇Html and Images，隨便輸入一個(gè)文件名，點(diǎn)保存。


　　5、完成任務(wù)。看一下代碼，是不是xhtml css


　　呵呵，這么簡(jiǎn)單，就做出了個(gè)xhtml css的頁(yè)面。當(dāng)然實(shí)際應(yīng)用中，這種自動(dòng)生成的頁(yè)面還是不太好的。這只是一種PhotoShop所提供的附帶功能。并不能以此來(lái)完成xhtml css網(wǎng)站的開(kāi)發(fā)，此文僅作為消遣娛樂(lè)。因?yàn)镻hotoShop所生成的代碼是很不規(guī)范與科學(xué)的，有很多冗余而且并未優(yōu)化。