快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 精美淘宝店招制作教程(二)

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

放大字体  缩小字体 发布日期:2024-05-25 09:40:06  来源:电商联盟  作者:乐发网  浏览次数:23

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

下面如何通过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

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 精美淘宝店招制作教程(二)

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝店铺,天猫店铺背景固定的方法。 淘宝店铺装修如何实现全屏轮播
7个步骤打造史上最牛详情页 淘宝装修子账号设置流程
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问