大家可能不知道，用Photoshop也可以做出简单的xhtml+css网页，一起来试试吧！

　　1、在photoshop cs2中打开设计好的网站视觉设计稿。用切片工具切好。

　　2、点 “文件-》存储为web所用格式”， 快捷键为ctrl+alt+shift+s ，点右上倒三角的小图片，选择Edit output settings。

相关教程：
Dreamweaver中线条美化   dreamweaver制作三角形表格
Photoshop特效处理烟雨水乡风景照片     dreamweaver制作空心表格

　　3、见图，在第二个下拉中选择 Slices，选择Generate CSS ，然后在后面的下拉中选By ID。