Photoshop簡單制作xhtml css網(wǎng)頁頁面

Photoshop簡單制作xhtml css網(wǎng)頁頁面xhtml css網(wǎng)站重構(gòu)web標準等等之類的文章太多了，我就不重復了，發(fā)個最簡單的制作xhtml css頁面的方法，方法雖然很簡單，但真不一定有幾個人知道.... 起碼google搜索沒搜索到。
開始吧：
1、打開photoshop cs2 ，打開設(shè)計出的網(wǎng)站首頁。用切片工具切好。
　　圖:

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

3、見圖，在第二個下拉中選擇 Slices，選擇Generate CSS ，然后在后面的下拉中選By ID
　　圖:

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

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

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

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

簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima