首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修教程

    如何使用dreamweaver给全屏海报添加N个链接

    2014-08-22 13:49:40 人气:5392

    不知道大家在逛很多大店的时候有没注意到,他们的全屏海报制作做的特别有营销感,非常符合用户体验。

    甚至一个全屏海报里面单个元素有不同链接,这个是非常有特色的。

    这就可以完美的体现出海报的重要性了,能够很好的引导客户进行浏览。

    那这个全屏海报添加多链接是如何制作的呢?下面来给大家好好解释下:

    1.首先把准备好的海报图片上传到图片空间。找个可以全屏海报在线制作工具生成全屏代码(百度就好了)。注意:输入图片地址的时候要输入图片空间里图片的,因为淘宝是不可以使用外链图片的。

    2.打开dreamweaver软件(敲代码必备工具),新建一个html空白页,将里面软件自带的代码删除,然后将我们生成好的代码复制粘贴进去。

    如何使用dreamweaver给全屏海报添加N个链接1

    3.切换到设计视图模式,可以看到模块图片效果,然后使用热点工具来给图片添加链接。热点工具在图片最下面的属性下面,分为指针热点工具、矩形热点工具、圆形热点工具和多边形热点工具。

    如何使用dreamweaver给全屏海报添加N个链接2

    如何使用dreamweaver给全屏海报添加N个链接3

    4.使用适合自己图片的热点工具,在图片中选择需要添加链接的区域,然后在下图中链接处添加链接。图片上任何地方都可以添加。

    如何使用dreamweaver给全屏海报添加N个链接4

    5.返回代码模式,复制里面的代码到你的店铺就可以看到效果了。

    本文是以全屏海报为例来说明的,其实任何一张图片都是可以添加多个链接的。步骤是先上传图片到图片空间,然后添加一个自定义模块,插入上传的图片,返回源代码模式就可以获得这张图片的代码,然后按照上面的五步就可以给任何一张图片添加 多个链接了。

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    淘宝店铺装修

    淘宝店铺装修

    网店装修对于卖家来说就是通往销量的门,核心在于促进交易的进行。 良好的店铺装修能够给买家很直观的视觉体验和心理作用,进一步获得更优质的客户源和转化率,是我们经营店铺的一大利器。本专题让你能够学到从新手到...

    详情>>
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议