不花钱一样漂亮实用----如何让你的图片上面局部有超链接?

首先呢介绍一下自己,我是淘宝的卖家,和大部分卖家一样,是个标准的80后现在全职做淘宝了,最近看到很多朋友 别的都做的非常好,店铺装修上遇到了很大的障碍,虽然阿里妈妈有一些非常漂亮的收费模板,但是对于我们这些在淘宝刚刚起步的卖家来说,能省就省,现在给大家分享一些非常实用的小技巧,那我们直奔主题

这节我们讲一下如何将一张图片的局部制作出超链接

下面我们看一下效果:

鼠标放到淘宝网上 是不是有了连接

下面我们来详细讲一下:

首先 需要的软件:dreamweaver 非常专业的网页制作软件,大家可以去网上搜一下 有很多的,如果真的找不到可以找我要哦

第一步打开软件,我们新建一个html

点击创建以后出现一下界面:

界面基本分为5大块

1 是源代码界面

2是网页实时显示效果界面

3操作对象的一些基本属性

4是常用的一些功能

5文件档案的一些信息

界面了解了

我们首先插入图片

选中图像 点击确定

可能会弹出以下窗口,点确定直接忽略就行了

这时候 大家可以看到我们刚才所选的图片已经出现在编辑窗口

选中我们的图片 就会看到此图片的一些属性

有文件路径

高度 宽度 链接

我们需要用到的就在这一栏里面 大家看到左下角有3个工具

有矩形 圆形 和 多边形

这里我们选择 矩形

选中之后我们会发现鼠标在图片上已经变了,

我们选中需要制作超链接的区域

已经出现了 选择区域

同时出现了区域的属性

我们只要在链接一栏填入该区域要链接的地址

这里说明一点,是网络链接的一定要 在前面加上 http:// 否则会链接不了的 这里一定要注意 地址一定要填写完整

到这里我们的基本任务已经完成了

下面还有最后一步

如何将这些代码 应用的店铺中

本地的图片 在网上是不能使用的

所以我们需要先吧图片上传到网上 我们以淘宝空间为例

复制我们的图片链接

然后回到我们的 本地编辑窗口

选中我们的图片

上面会有一串字符变了颜色

这段字符 就是我们所选中图片的 代码 里面含有图片地址 高度 宽度

我们只需要更换图片地址就行了

那我们如何去找图片的地址呢

经常用电脑的 都会知道一些简单的 文件名词术语 比如我们这里看到的 imgsrc =

基本的意思 就是 图片地址等于 我们只需要更换后面引号里面的地址就可以了

这里要注意的是 一定是引号之间的地址,引号需要保留的

更换之后 我们现在看到的图片已经是 软件从网路上拉取的图片 而不是原来直接读取本地的图片

接下来 我们全选上面的代码 右键 拷贝/复制

然后选择我们需要装修的页面 添加自定义页面

点击保存

我们的任务就完成了,点击发布

看看是不是有了效果呢,希望有了这个思路能给大家带来些启发

大家都可以制作出漂亮的店铺

以后我会继续教大家一些 非常实用的小技巧,不花钱一样可以打店铺搞的漂亮

沙发我就是来学习的。哈哈,学习到了。可以跟你请教吗!我要在店铺左侧添加超链接怎么弄啊

左侧 超链接可以 通过自定义模块来实现哦

厉害厉害,这就是我要找的,谢谢楼主

楼主好,向妳请教链接错位的问题了。。

为什么自定义模块添加分类链接,提交发布后却是链接到店铺首页--!

最新评论

发表评论

为“不花钱一样漂亮实用----如何让你的图片上面局部有超链接?”说几句吧

评论内容:发表评论不能请不要超过250字;发表评论请自觉遵守互联网相关政策法规。

关于我们 - 供应商加盟 - 人才招聘 - 版权声明 - 网站地图 - 友情链接

Copyright © 2009-2024 yr.pinnace.cn All Rights Reserved. 17育儿网 版权所有

粤ICP备11040004号-1