大家可能不知道,用Photoshop也可以做出簡單的xhtml+css網頁,一起來試試看吧!
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調整程式碼。