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

來源：不詳 作者：佚名 學(xué)習(xí)：514人次
Photoshop簡(jiǎn)單制作xhtml css網(wǎng)頁頁面xhtml css網(wǎng)站重構(gòu)web標(biāo)準(zhǔn)等等之類的文章太多了，我就不重復(fù)了，發(fā)個(gè)最簡(jiǎn)單的制作xhtml css頁面的方法，方法雖然很簡(jiǎn)單，但真不一定有幾個(gè)人知道.... 起碼google搜索沒搜索到。
開始吧：
1、打開photoshop cs2 ，打開設(shè)計(jì)出的網(wǎng)站首頁。用切片工具切好。
　　圖:

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

3、見圖，在第二個(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ù)。看一下代碼，是不是xhtml css的
圖:

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

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

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

學(xué)習(xí) · 提示

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論，交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助，請(qǐng)回答！