具体操作:
1.首先在photoshop中把要在详情页展示的宝贝排版好:
2.根据需要在各图片交界处拉出参考线,如图所示:
3.选择切片工具,在上面的属性栏里点击"基于参考线的切片",便生成名为1、2、3、4、5、6的6个切片:
4.选择"文件--存储为Web和设备所用格式"弹出"存储为Web和设备所用格式"面板,点击面板左上角的"存储"按钮"弹出"将优化结果存储为"面板,选择存储位置为"桌面",保存类型为"HTML和图像",切片后面选"所有切片",然后保存.
5.此时会看到桌面上有一个名为images的文件夹和一个html文件.把images文件夹里的图片上传到图片空间.
6.选中html格式的文件,点击鼠标右键,选择打开方式为Dreamweaver在Dreamweaver中打开,可以看到和在photoshop中一样的6个切片,点击第一个切片,在图片空间中复制该图片的链接,粘贴在属性面板中的"源文件"后面的方框里.然后复制该宝贝的详情页地址,粘贴在"链接"后面的方框里,目标选择"-blank".按照此方法把其它5个切片的源文件和链接地址也做更改,然后选择文件--保存.
7.鼠标右键单击桌面上的html文件,选择打开方式为记事本,可以看到如图所示的代码,复制