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

    精美淘宝店招制作教程(二)

    2015-03-27 16:12:00 人气:5108

    接上期:精美淘宝店招制作教程(一)

    下面如何通过PS给淘宝店招加上超链接教程,话不多说我们往下看淘宝店铺装修教程:

    1.首先在Photoshop设计好图片(背景及超链接图片做在一起),保存好如图示:  再打开Dreamweaver软件

    精美淘宝店招制作教程(二)  1

    2.打开软件后,按键盘上的CTRL+N新建一份文件,如图所示,点击创建即可。

    3.点击“插入”菜单的“图像”

    精美淘宝店招制作教程(二)  3

    4.如图所示,打开刚才用PS制作好的店招文件,其间可能要点几次确定按钮,反正若出来窗口,点确定就好了

    精美淘宝店招制作教程(二)  4

    5.插入图片后,效果如图:鼠标点击该图片选中,四周会出现控制框

    精美淘宝店招制作教程(二)  5

    精美淘宝店招制作教程(二)  6

    精美淘宝店招制作教程(二)  7

    6.将用PS做好的店招图片上传到图片空间,并复制该图片的链接地址

    精美淘宝店招制作教程(二)  8

    7.在Dreamweaver软件的左上方点击“代码”按钮,在代码页面中选中如图所示的红色框部分,按下键盘的CTRL+V,粘贴刚才在图片空间复制的图片地址【注意保留双引号】

    精美淘宝店招制作教程(二)  9

    8.以链接到宝贝详情页为例,将如下图所示的#符号替换成详情页地址

    精美淘宝店招制作教程(二)  10

    9.替换后效果如下图,然后在代码上方点击如地球般的按钮,或按键盘的F12进行测试,如果提示要保存就保存一下

    精美淘宝店招制作教程(二)  11

    精美淘宝店招制作教程(二)  12

    10.通过上面的测试后,在Dreamweaver软件中选中如下图红框部分的代码,CTRL+C复制

    精美淘宝店招制作教程(二)  13

    11.打开店铺装修页面,编辑店招

    精美淘宝店招制作教程(二)  14

    12.保存后,点击预览页面,看看是不是成功了,满意的话就发布吧!发布后,买家进店就能看到效果啦。

    精美淘宝店招制作教程(二)  15

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

    淘宝店铺装修

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

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

    甩手客户服务

    • 甩手问答
    • 在线客服:企业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号

    关闭
    在线客服
    投诉建议