Photoshop簡(jiǎn)單制作xhtml css網(wǎng)頁(yè)頁(yè)面

Photoshop簡(jiǎn)單制作xhtml css網(wǎng)頁(yè)頁(yè)面xhtml css網(wǎng)站重構(gòu)web標(biāo)準(zhǔn)等等之類(lèi)的文章太多了，我就不重復(fù)了，發(fā)個(gè)最簡(jiǎn)單的制作xhtml css頁(yè)面的方法，方法雖然很簡(jiǎn)單，但真不一定有幾個(gè)人知道.... 起碼google搜索沒(méi)搜索到。
開(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ù)?？匆幌?highlight>代碼，是不是xhtml css的
圖:

呵呵，這么簡(jiǎn)單，就做出了個(gè)xhtml css的頁(yè)面。當(dāng)然實(shí)際應(yīng)用中，這種自動(dòng)生成的頁(yè)面還是不太好的。
還是建議大家用dreamweaver 8 editplus 制作

搜索更多相關(guān)主題的帖子:xhtml css Photoshop 網(wǎng)頁(yè) photoshop

簡(jiǎn)單的,我們教你,深?yuàn)W的,你來(lái)分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima