怎样把店铺图片做成链接

导读：　怎样把店铺图片做成链接篇一《如何给图片上添加店铺优惠券链接》 ...

以下是中国招生考试网www.chinazhaokao.com为大家整理的《怎样把店铺图片做成链接》，希望大家能够喜欢！更多资源请搜索成考报名频道与你分享！

怎样把店铺图片做成链接篇一
《如何给图片上添加店铺优惠券链接》

一：登录淘宝卖家中心后台》营销中心》促销管理

二：首先选中“店铺优惠券”；其次“创建活动”，设置店铺优惠券信息；然后“拷贝此优惠券代码进行推广”的链接代码。

三：

1，打开Dreamweaver网页制作软件。新建html文档。

2，选择插入》图像

3，将设置好的优惠券代码分别复制到弹出的选择图像源文件》URL里面，连续两次确认。

4，点击左上方“设计”按钮，单击一下链接的图片，复制下方“链接（L）”里面的链接备用。

四：将需要添加店铺优惠券链接的图片上传到“图片空间”，并“复制链接”。

五：

1，打开Dreamweaver网页制作软件。新建html文档。选择插入》图像，将刚刚复制好的图片链接复制到弹出的选择图像源文件》URL里面，连续两次确认（如上图所述）。然后开始做海报的超链接。第一先选中热点地图下面的矩形方框；第二在这一整张图片上画出第一个需要添加链接的店铺优惠券，当你选中之后图片就会被一层透明的淡绿色覆盖，如箭头2所示；第三将之前在Dw里面复制好备用的店铺优惠券链接复制到链接里面。第四将目标选项选为“_blank”，意为让你的链接在新的窗口中打开。做好前面3步就完成第一个产品的链接，接下来做第二个，第三个……

2，所有店铺优惠券的链接加完后，就是需要放到淘宝里面去装修了，我们在Dreamweaver的界面点击“代码”，你就会看到如下图的代码，然后选中复制。

六：

1，装修你的店铺，添加模块→选择自定义内容区→编辑→点击“源码”，如下图：

2，复制之前做好的代码到源码里面，点击确定，然后发布。这样一个自主图片上添加店铺优惠券的超链接就做好了。

怎样把店铺图片做成链接篇二
《如何给淘宝店铺图片加超链接的方法》

怎样把店铺图片做成链接篇三
《教你如何使用PS制作淘宝网店自定义区的切片分块链接》

教你如何使用PS制作淘宝网店自定义区的切片分块链接

引言：

很多卖家对网页制作软件并不熟悉，相对于dremaweaver软件来说，懂PS软件的要多一些， 昨晚刚学了一招.就上这发出来和大家分享一下.对于我们从未接触过网页制作的一些卖家来说，如何去使用PS来制作自定义区的广告图片切片分块链接呢，那么， 凡尘1239将自己所掌握的东西毫无保留的介绍给大家，希望各位都能制作出漂亮的自定义区，在此祝愿大家生意兴隆，全家安康！

一、先要在PS中创建宽度为740像素,高度不限，分辨率为72，颜色为RGB模式的新文档。

二、根据自己的设计风格和内容，设计好相关的图片及版式

三、点击工具栏中的切片工具在图像中根据自己的需要切成完成的片（越简单越好），方法就是像创建选区一样使用切片工具在图像中框选，本图我是切了三个片。（图片中三个颜色左上角的01 02 03就是切片名称）

四、为切片创建超级链接（为了方便客户直接点击而进入产品介绍界面）

1、打开产品的页面，复制地址。

2、回到PS中，使用切片选择工具双击要建立的超级链接的切片。会弹出切片选项面板

3、在URL地址中粘贴刚才复制的商品页面地址，并在“目标”一栏中输入_banck 表示“从新窗口中打开页面”

OK，利用相同的办法，把其它切片也添加相对应的超级链接。

五、保存文件。

方法：文件菜单----存储为web所用的格式，--再在弹出的窗口中选择存储---注意在格式中选择“HTML和图像(HTML and Images(*html))”

格式，如图所示

六、上传图片：我们需要将刚才保存的图片上传到淘宝官方图片空间里，具体方法如下

1、打开淘宝图片空间点击上传（这个相信大家都知道），找到保存的图片：注：当我们保存为html和图像格式后

你在保存的地方会多出两个文件，一个是网页图标的件，还有一个是images文件夹，那个images文件夹里的就是要上传的图片，将里面的图片全部上传到 淘宝图片空间里。

完成后，打开刚才保存的 html格式的文件，点击“查看”菜单--选择“查看源文件”

选中“body”到"body"之间的文字符号，右击选择“复制”

七、打开我的旺旺中“店铺装修”---选择“自定义区域”并点击右侧左上角的“代码”

将刚才复制的代码，粘贴到第一行或最后一行（注：如粘贴到第一行，则该图片会在最上面显示，如粘贴到结尾，则在最下面显示）

再次点击“代码”切换至图像编辑状态。

此时，加入的图片是不能显示的。图片显示红叉，如图所示

好，最后，打开淘宝图片空间，打开刚保存的图片点击复制，把URL地址复制一下。

怎样把店铺图片做成链接篇四
《淘宝店铺首页模板怎么上传链接图片》

怎样把店铺图片做成链接篇五
《如何做出漂亮的滚动图片加多个图片链接》

这几天，一直在网上研究怎么样装修的事情,本来对代码一窍不通的，最后天天在网上搜一些关于代码的事情，最终凭着自己的慢慢摸索，终于一步一步把店铺装修起来了，下面就分享一些在网上找到的有关如何用代码做轮播图的一些干货，大家可以利用这些把自己的店铺装修得漂漂亮亮的.

如何自己做出漂亮的滚动图片加多个超级链接 ?下面来给大家分享下滚动图片中一张图片中放入多个商品，

并且每个商品都有相应超链接的做法。

先用PS按照950px或者是其他的标准宽度（通栏标准宽度），高度就自己定义啦，先制作第一张滚动图片：

如上图所示，把几个商品都放在一个图片上，这里暂时命名为图片1，保存在本地。 朋友们可以根据自己的需要确定做几张大图，我这里做了2张950宽的图片，分别为图片1、图片2（假设每个图片有4个宝贝，就是说我这个滚动模块里一共可展示8件宝贝）， 图片这里就展示一张，其他不展示了

然后大家可以下载一个dreamweaver,打开程序，新建一个“HTML”代码页。

删除新建页面里所有的代码，使之成为一个空白代码页面。

在导航栏里选择“插入”，选择本地电脑里刚保存的“图片1”，点击dreamweaver页面的“设计”，可以看到打开的图片1：

接下来，我们对第一张大图进行添加热点分割并单个加链接：

1. 点击图片，dreamweaver页面下方会出现该图片的属性：

2. 选择“属性”里“地图”下方的框的形状，如果是规则形状可选矩形，如果是不规则框就选最后一个。我这里选择正边形，点击正方形图标，然后在“图片1”上先选择第一个要分割添加超链接的区域：

按照此方法，把大图上所有需要添加超链接的区域都单独选择完成：

3. 完成区域选择之后，我们来给每个区域添加超链接：

点击第一个选择区域，即图片上的第一双鞋子，在下方的“属性”里“链接”输入该宝贝的宝贝详情页地址，亲们可以同时在目标里选择“_blank”(这个是用来设定买家点击图片后在新窗口打开链接),地图处大家可以随意命名为mapxx

如此这般，把图片上的4件宝贝都分别添加好相应的超链接。

然后，点击编辑页上方的“代码”，亲们可以看到相应的代码，dreamweaver 已自动生成相应代码：

4.第一张图片完成多个超链接的添加，接下来我们按照1-3的方法，在后面插入图片2，完成超链接添加后，（大家如果有更多的图片可依次插入添加）。

5. 接下来，我们开始添加滚动图片代码：

在dreamweaver已生成代码的最上方添加代码如下：

红色部分的代码一定要跟滚动图片的高度一致，否则显示不完整。

上方代码并不是完整的滚动图片代码，还需要在每张图片的代码前面添加 同时在每个后面添加 ，记住三张图片前后都要这么做。

完成之后，在所有代码的最后写上

这样就添加完了

6. 一个不可忽视的步骤：

把我们之前用PS做好的本地的2张大图全部上传到网络上，我是一张一张传到淘宝的“图片空间”，然后把代码中每个相应的本地图片地址，全部换成图片空间里图片的网络连接地址。如果不这么做的话，店铺里是显示不出来图片的

7. 准备工作完成，进入店铺装修，添加“用户自定义模块”，进入代码编辑，把刚才的所有代码全部复制上去，保存，发布，就行了

大家赶紧去试试吧， 虽然有点复杂，但是如果只要认真看的话，就一定可以成功的，我也是按照此方法成功了呢，谢谢大家的支持，这个方法是在网上看到的，但是经过自己亲自的试验发现是可以成功的，特意分享给大家，希望大家能够用得到。大家有空也可以看看到我店铺里面看看效果，淘宝店铺名是恒茂科技，希望大家都能够成功，一起加油吧

怎样把店铺图片做成链接篇六
《网络店铺中如何将图片插到自己的宝贝描述》

网络店铺中如何将图片插到自己的宝贝描述？

2009-07-28 17:43 先在

一.登录之后点击下图中的“文件上传”：

二.显示以下界面

1.批量上传

上传方式：

批量上传为选择自己电脑中的图片文件和其它文件，默认就是此种方式。网络图片下载见下文。

图片水印：见相关贴文。

压缩选项：自动将过大的图片缩为网页适合显示的550宽度，以减少对空间的占用。

点选择照片后可按住Ctrl或Shift批量选择自己电脑内的图片文件，然后点击上传，等待完成即可。

2.网络图片下载

此方式可直接下载互联网络上的图片文件，需为图上所示的直接图片地址，回车可输入下一行，点击“下载”，会有进度条显示，等待完成即可。

三、外链图片

1.单张图片链接

列表显示方式的复制：

缩略图方式的复制：

然后转到淘宝宝贝描述中：

确定后图片就会出现在编辑器中了。

2.图片批量链接

点击批量外链之后：

现在转到淘宝宝贝描述中：

淘宝最好用的招财猫相册空间 2009-09-28 9:34

网址：

怎样把店铺图片做成链接篇七
《图片插连接方法》

实图指导如何用图片做链接宣传

在图片上加上自己的店铺的链接，是个不错的宣传方法，但是很多开店的新手都不知道怎么做的，下面是卖家总结的在图片上加上链接的经验，供每个新手参考。第一步，由于咱淘宝的促销区宽度最大允许735像素，所以大家在找好背景图像后首先要把宽度调到735或以下噢~~

调整图像大小是在上方的工具栏的【图像】下拉菜单里的【图像大小】（如图）

【约束比例】选项最好勾上噢，免得破坏了背景的比例就不好看啦~~~O(∩_∩)O~另外，建议大家把【标尺】也勾选上噢，因为后面的操作是需要用到精确的尺度的，有了标尺就方便精确的多啦~~【标尺】的位置在：工具栏→【视图】→【标尺】

第二步，要画宝贝陈列的橱窗格子啦~~首先根据背景的宽度（比方说偶是735像素）、高度、你所要陈列的商品数以及每个格子直接的间距，最好是要匀称分布噢，不然布局就不好看啦~~嗯，经过大概计算，某蛰决定设置两排格子，每排设置4个格子，每个格子宽4.5CM,高6CM（标尺上的值），格子间上下左右都是间隔1CM（真是个细心活丫~~~o(╯□╰)o） 可是呢，海蜇发现这样的格子大小比较适合陈列宝贝（因为海蜇这回的促销区放的

是连衣裙，格子需要长一些），可是背景图片的高度似乎不够，会使得上下边距很小，影响图片美观„„嘿嘿嘿，没关系，这个问题很容易解决的噢，看招~~~~~\(≧▽≦)/~（当然啦，不需要更改背景图片高度的可以直接pass„„）

首先，选中背景图层（不要问我在哪里选„„= =！要疯了„„就在页面的右下方„„）

然后在背景图层上双击，出现下面的对话框~

点确定~~

然后打开工具栏→【图像】→【画布大小】

该怎么调整画布大小呢？

首先大家看【定位】，海蜇现在这个更改意思是把背景图片重心上移，也就是说从画布的下方扩展高度，至于扩展多少高度就由大家自己定啦~~（偶现在设置的是扩展15像素的高度）

大家看，画布从下方扩展高度后就是空出这么一块噢~~有人问了，这样子很不好看丫，呵呵，别急~~~

首先选中【矩形选框】工具，然后在空出的那一块地方不留空隙的拉出一块选区~~~

然后把选区向上拉到背景图片的下方，边缘要重合噢~~

然后按下【CTRL+J】，复制选区~然后选择【移动工具】，把复制的选区图像向下拉（或者使用键盘上的上下移动键），直到选区图像和原来的图片完美的接合~~~

哈，好啦，画布的调整做好了，我们就可以进行下一步——拉取橱窗格子啦~~~ 第三步，制作宝贝陈列的格子~~~

首先选择【圆角矩形工具】，然后根据计算好的格子的大小以及边距拉取格子~~~

嗯，这时候我们会看到格子中间填充了颜色，这可就不美观了，怎么办呢？ 嘿嘿，很简单，把格子的填充色去掉就好，如图~~~

选中格子图层，然后把【图层】选项卡上方的填充从100%改为0%就好啦~~~

但是这时候我们会看到格子彻底消失了，呵呵，要让它重新现身，就要动用到【添加图层样式】功能~~~

点一下这个【f】的小图标，在出现的菜单中选择【描边】

怎样把店铺图片做成链接篇八
《最简单的教程,教你怎么做淘宝网店图片!纯手打》

很多人不知道做网店从那里下手，最难的恐怕还是图片问题 ，又不能一直在网上找人家做好的图片 ，废话不多少，一下是个人的经验，简单的处理图片，希望能帮助大家把自己的网店做的更漂亮！

使用工具：Photoshop

主要ps工具 ：色阶 ctrl+L

曲线ctrl+M

可选颜色 alt+I+A+S ,菜单/图像/调整/可选颜色

对比度 alt+I+A+C

色相饱和度 ctrl+U

裁剪 C

选区 M

移动 V

No.1 ,拍出来的图片太暗

调整色阶，拉动两头的滑块 ，往中间部分拉，右边往左拉变亮，左边往右拉变暗，同时可以增加图像对比度，让图像更有立体感。之后，如果还是感觉图像整体太暗，可以修改曲线，一般选择黑色的位置往上拉一点，图像就会平滑的增亮。左下角调整深色位置，右上角调整高光位置 。

No.2 ，单种主要颜色效果不好，偏色

例如这一张 ，我要的白色不够白，调整可选颜色。选择白色，把白色中的黑色去掉一点，就显的更白了。

如果说这张的红色本身是偏黄的软色的 ，拍出来偏色的 ，太红了 ，我就选择红色的，然后调整洋红和黄色 。

也可以用调整色相解决

No.3 ，本来很鲜艳的产品拍出来不鲜艳，颜色饱和度不够

调整图像饱和度，整体饱和度不好，就选择RGB 整体增加饱和度，想要突出单种颜色饱和度，就选择对应的颜色调。

我这一张本来这个电源应该是很红的，现在有点灰

，我把红色的饱和度提高一点。

No.4 ，图像模糊

调整对比度，有点饿图片拍好后会像蒙了一层纱一样，增加对比度就可以改善。

有什么需要帮忙的可以hi我，或者知道求助，落花风吹起

怎样把店铺图片做成链接篇九
《简单轻松制作宝贝描述图片 切图 超链接》

简单轻松制作宝贝描述图片 切图+超链接

各位店主兄弟姐妹们，淘宝的工作人员大家好，我是一个来自江西的普通上班一族，因偶然的机会在07年的时候就接触到了淘宝网，也注册了一个账号，但是由于当时工作比较的忙，加上还没有买自己的电脑，就忽视来了淘宝网（现在想想后悔死啦）今年我又重新进入了淘宝网，开始只是在淘宝网买一点自己的服装，经过一段时间的购物经历，就有了在淘宝网开店的想法，于是经过了一段时间的基本学习就匆匆忙忙把店铺给开起来了

新开店铺开始我是没有什么生意的，所以我就一心在装修店铺，总是想店铺装修的漂亮一点。20多天过去了，现在我就把我的装修中的一点点方法来和家分

享一下吧，分享的东西就是怎么来制作宝贝描述里的图片超链接代码，完成后就可以在宝贝描述里买家看到更多的商品了（在这里本人的图片是拿来操作说明的哦，我并没有广告之意思，请大家不要当成是广告帖，谢谢）

好了，现在我们就来说正事吧，制作宝贝描述图片的超链接代码要用到2个

软件

photoshop 这个软件是由美国Adode公司研发的图片处理软件，此软件功之强大，目前在图片处理领域是处于垄断地位，暂时市场上还没有一款图片处理软

件可以代替它，photoshop软件在高手手里就可以把图片“为所欲为”了，也是众多设计大师的必备工具之一

Dreamweaver8这个软件是美国Amacromedia公司开发的集网页制作和管理站于一身的器，对于它的功能本人也不是很专业，只懂一点点，但是拿它来制作我们想要的代码是比较合适我们这些新手的，拿它来制作一些简单的宝贝描述代码也不需要多专业的操作方法（此软件的高手们请不要K我哦）

如果没有这2个软件就要先下载好这2个软件，方便操作

我们来开始我们的宝贝描述图片超链接代码制作之旅吧（再次声明，以下图片是拿来操作说明的，没有一点广告之意）

1.在自己的店铺里截取你想要拿来制作的图片，保存到桌面(桌面易于操作）

2.打开photoshop软件，导入刚刚保存的图片，导入的方法有N种，选择合适自己的就可以了，个人喜欢直接拖动到photoshop软件里，也可以点击文件，打开找到保存好的图片再点击打开后如下图片

3.要把图片进行切割，方法有2种，这里说基于参考线的切割方法，ctrl+R打开参考线，点击上面的参考线并且拖动到合适的位置，再点击左边的参考线拖动到合适的位置，参考线全部完成后如图，再点击切割工具之后再点

4.保存刚刚切割好的图片，按shift+ctrl+alt+s 在弹出的窗口点击 保存在桌面，其他的这些不要理它，

5.点击保存再点击ok

6.回到桌面 把桌面 这里的图片保存到自己的图片空间，（这个应该大家都会吧）

7.打开Dreamweaver8软件，再导入保存在桌面的这个文件，也可以ctrl+o(是哦不是零）在弹出的窗口里找到这个文件，点击打开，打开后再点击设计点击设计后如以下图片

8.随便点击一个小图片，就可以看到下面属性栏，把这里原文件后面格子里的地址换成我们保存在图片空间的图片地址（要找原来位置相对应的图片，不然

就会错码），可以复制空间图片地址再黏贴在这里就可以了，

在链接这里就黏贴我们打开店铺宝贝后IE浏览器里的地址，点击这个图片时就可以链接到你的宝贝

9.把所有剩下的图片都按照上一程序，换好全部的原文件和宝贝链接

10.全部图片ok后，在点击 代码

11.把点击代码后显示的代码复制，黏贴到记事本，保存记事本

12.再把记事本里的代码在店铺销售中的宝贝编辑宝贝描述时用到编辑器点击编辑原文件在把代码黏贴在编辑区域里保存就可以了。

以上就是中国招生考试网http://www.chinazhaokao.com/带给大家的精彩成考报名资源。想要了解更多《怎样把店铺图片做成链接》的朋友可以持续关注中国招生考试网，我们将会为你奉上最全最新鲜的成考报名内容哦! 中国招生考试网，因你而精彩。

相关热词搜索：怎样把图片做成链接 怎么把图片做成链接 如何把图片做成链接