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

2022-12-26 14:12:37 來(lái)源/作者: / 己有:15人學(xué)習(xí)過(guò)
Photoshop簡(jiǎn)單制作xhtml css網(wǎng)頁(yè)頁(yè)面xhtml css網(wǎng)站重構(gòu)web標(biāo)準(zhǔn)等等之類的文章太多了,我就不重復(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按扭,在保存類型中選擇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