图片热点操作说明.pdfVIP

1. 上传图片至商城图片空间； 2. 打开Dreamwver，新建HTML 页面 3. 进入代码视图页面，删除所有页面代码，如下图 4. 进入图片空间，勾选要编辑的图片，点击复制图片按钮，如下图 5. 切换进入Dreamwver，在代码视图中黏贴要编辑的图片（或者直接crtl+v ），如下图 6. 在DW 中，切换至设计界面，出现要编辑的图片，进行热点设置（说明，如果图片显示 不出来，说明上传有问题，请重新上传），如下图； 7. 在页面属性中的地图中，设置热点名称，切记每张图片的热点名称是不能重复的，否则 点击没有反应，或者点击进入链接后会出现问题 8. 然后选择矩形热点工具，在图片中设置图片热点区域，如下图 9. 切换至代码视图界面，修改图片链接，和热点区域产品链接 （从出售中的宝贝中复制链 接），如下图 10. 在商城中，进入店铺装修，在基础模块中，选择“自定义内容区”，并点击添加按钮， 找到自定义内容区，点击编辑，进入编辑界面，如下图 11. 在编辑器中，找到“源码”，并点击进入，黏贴DW 中生成的HTML 代码 12. 在点击“源码”，则可以看到编辑好的图片效果，可以进行“预览”，也可以直接保存 保存后，在店铺装修，右上角，直接点“预览”，可以对设置好的热点区域进行效果测试