兩分鐘做個xhtml+css的網(wǎng)站首頁

xhtml+css網(wǎng)站重構(gòu)web標(biāo)準(zhǔn)等等之類的文章太多了，我就不重復(fù)了，發(fā)個最簡單的制作xhtml+css頁面的方法，方法雖然很簡單,但真不一定有幾個人知道.... 起碼google搜索沒搜索到。

開始吧:

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

圖:

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

圖:

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

圖:

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

圖:

5、完成任務(wù)?？匆幌麓a，是不是xhtml+css的

圖:

呵呵，這么簡單，就做出了個xhtml+css的頁面。當(dāng)然實(shí)際應(yīng)用中，這種自動生成的頁面還是不太好的。

還是建議大家用dreamweaver 8 + editplus 制作

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈