打开PhotoshopCS3（网上比较多，最好下载绿色破解版的），再打厉剪震开自己先做好的图片,选择切片工具-----切片选择工具。 我这里是宝贝描述切片，有人喜欢那些“逛逛店铺”，“卖家信誉”这些按钮，有人则不需要，切片究竟要有几个根据你自己的喜好，然后点击右键在跳出来的提示中选择“水平划分”，我划分了8个切片，包括图片下面的宝贝描述，买家须知之类的。图 ； 初步的切片做好后把他们拉动到合适的位置，这样方便以后空白处编辑文字（比如宝贝描述下面的空白位置就是方便以后编辑文字的，可以往下拉伸）。图 现在回到图片上面，右键点击第一个切片“1”旁边的长方形方框在跳出来的提示中选择下面的“垂直划分”，（一般次宝的宝贝描述上下分为横纵切片，这个必须注意。）如果你中间这个切片不做动态度的画面这一步可以切分为垂直两个切片，即一左一右，左边的切片适当拉动到按钮的位置，图； 这一步做好了，下一步就半残是“卖家信誉”，“逛逛店铺”之类的按钮的切分了。图C，图D： 从上面几个切片中可以看到，如果你想要在那个切片中进一步划分就右键点击那个切片编号边上的方框，在跳出来的提示窗口中选择你自己想要编辑的切片，切片不在于多，主要是实用，而且越少越好，这样在你将模版导入网页编辑器编辑代码时就会方便轻松的多。做好的切片要另存为点“文件--存储为wed和所有设备格式”保存，在进入电脑保存的窗口下选择“HTML和图像（*.html）”，这是模版格式。保存好了就可以进入网页编辑器中编辑代码了。我用的是“frothpage2003",你也可以使用“adobe dreamweavercs4”或多边形编辑器（CDR)