兩分鐘做個xhtml+css的網站首頁

css|xhtml

　　xhtml+css網站重構web標準等等之類的文章太多了，我就不重複了，發個最簡單的製作xhtml+css頁面的方法，方法雖然很簡單,但真不一定有幾個人知道.... 起碼google搜尋沒搜尋到。

　　開始吧:

　　1、開啟photoshop cs2 ，開啟設計出的網站首頁。用切片工具切好。

　　圖:

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

　　圖:

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

　　圖:

　　4、點OK儲存並關閉設定視窗，在Save for Web視窗中點Save按扭，在檔案類型中選擇Html and Images，隨便輸入一個檔案名稱，點儲存。

　　圖:

　　5、完成任務。看一下代碼，是不是xhtml+css的

　　圖:

　　呵呵，這麼簡單，就做出了個xhtml+css的頁面。當然實際應用中，這種自動產生的頁面還是不太好的。

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