quanshiyinian 发表于 2014-9-20 00:48:11

【美工教程】013实例-全屏海报如何加入多个链接?

全屏海报如何加入多个链接?现在淘宝店主自行装修的越来越多了,都会利用一个全屏海报作为促销工具,但是一张海报太多小分类产品了,怎么可以每个都加入链接?今天大家带来如何在全屏海报加入多个链接的方法。
首选,需要的工具是:Dreamweaver8(版本等级高低都可以)(软件下载地址,我们论坛里面有)
制作的方法:

  1、将制作好的全屏海报上传到店铺的图片地址链接,或者淘宝图片空间里后,在于全屏海报制作工具黏贴到海报的地址框里,注意:后面的海报图片链接不要输入内容,点击生成代码,就可以看到全屏海报的代码了。
 


  2、打开安装好的Dreamweaver8-chs.exe,然后在创建新项目里面,点击第一个HTML新建一个空白的页面。接着点击代码视图,删除默认新建的HTML代码,复制第一步制作的全屏海报代码,再粘贴进去。



3、在Dreamweaver软件里,选择设计视图,就可以看到你制作的全屏海报了。然后再点击海报图片,在下面属性框里,就可以看到指针热点工具,如下图:




依照这种方法给其他图片区域也做上超链接即可。提醒卖家,选择图片区域时候千万不要重合。

  4、将制作好的代码发布。
  把所有的超链接全部添加完毕后,点击回代码视图,复制里面的代码。然后在您的淘宝店里新建一个自定义内容区,然后把代码黏贴进去,再发布,这样就可以看到一张全拼海报加入多个链接的效果了。

  是不是很简单?没错就是这么简单,不繁复不难懂。同学们赶紧实操练习一下吧。

页: [1]
查看完整版本: 【美工教程】013实例-全屏海报如何加入多个链接?