1、在PS中做好要装修的图片后(ctrl+r)调出标尺,调出标尺后将鼠标指针放在标尺上按住鼠标左键往要分割图片的地方拖动,把参考线拉到合适的位置
2、选择工具箱中切片工具,然后点击属性栏中的基于参考线切片,这时图片上会出现小信封和数字序号,有多少个数字序号就有多少个切片,然后鼠标指针会变成一把小刀,按住鼠标左键对图片中不需要切片的地方进行框选,
3、按快捷键(ctrl+shift+alt+s)弹出存储为Web所用格式面板,点击面板下面的减号缩小图片,然后单击切片选择工具后对图片进行框选,点击存储
4、点击存储后会弹出一个 窗口,在窗口中选择【格式为HTML和图像】后选择保存路径为桌面保存。这时电脑桌面会出现两个文件一个是MTML文件另一个是图片文件夹。
5、将图片上传到图片银行,然后把PS保存好的HTML文件用Adobe Dreamweav(DW)打开
6、PS保存好的HTML文件用Adobe Dreamweav(DW)打开后去图片银行依次复制图片链接粘贴替换到DW中所对应的图片序号中
7、替换好图片链接后点击【设计】,点击设计后如果图片太大可以按快捷键(ctrl+减号)缩小,点击产品图片然后在属性栏中输入这邗锒凳审个产品要跳转的链接,目标设置为_brank。地图命名不能有相同的防止链接失效(注:如果找不到属性栏可以在DW【窗口】下的属性进行勾选)
8、点击DW页面中的设计,然后复制两个</table>之间的代码
9、打开疯狂美工网页下的阿里国际站装修工具,俣挫呲蹀找到【阿里巴巴国际站全屏模块1920自定义居中宽屏显】后点击进入,粘贴代码然后更改参数,单击生成代码等待几秒后,点击下面的蓝色按钮复制全屏代码
10、打开阿里装修页面后,拖动自定义到空白地方,点击打开后单击代码源后粘贴从美疯狂美工中复制的代码,点击确定后就实现了全屏装修和热点链接的添加