首先呢介绍一下自己,我是淘宝的卖家,和大部分卖家一样,是个标准的80后现在全职做淘宝了,最近看到很多朋友 别的都做的非常好,店铺装修上遇到了很大的障碍,虽然阿里妈妈有一些非常漂亮的收费模板,但是对于我们这些在淘宝刚刚起步的卖家来说,能省就省,现在给大家分享一些非常实用的小技巧,那我们直奔主题
这节我们讲一下如何将一张图片的局部制作出超链接
下面我们看一下效果:
鼠标放到淘宝网上 是不是有了连接
下面我们来详细讲一下:
首先 需要的软件:dreamweaver 非常专业的网页制作软件,大家可以去网上搜一下 有很多的,如果真的找不到可以找我要哦
第一步打开软件,我们新建一个html
点击创建以后出现一下界面:
界面基本分为5大块
1 是源代码界面
2是网页实时显示效果界面
3操作对象的一些基本属性
4是常用的一些功能
5文件档案的一些信息
界面了解了
我们首先插入图片
选中图像 点击确定
可能会弹出以下窗口,点确定直接忽略就行了
这时候 大家可以看到我们刚才所选的图片已经出现在编辑窗口
选中我们的图片 就会看到此图片的一些属性
有文件路径
高度 宽度 链接
我们需要用到的就在这一栏里面 大家看到左下角有3个工具
有矩形 圆形 和 多边形
这里我们选择 矩形
选中之后我们会发现鼠标在图片上已经变了,
我们选中需要制作超链接的区域
已经出现了 选择区域
同时出现了区域的属性
我们只要在链接一栏填入该区域要链接的地址
这里说明一点,是网络链接的一定要 在前面加上 http:// 否则会链接不了的 这里一定要注意 地址一定要填写完整
到这里我们的基本任务已经完成了
下面还有最后一步
如何将这些代码 应用的店铺中
本地的图片 在网上是不能使用的
所以我们需要先吧图片上传到网上 我们以淘宝空间为例
复制我们的图片链接
然后回到我们的 本地编辑窗口
选中我们的图片
上面会有一串字符变了颜色
这段字符 就是我们所选中图片的 代码 里面含有图片地址 高度 宽度
我们只需要更换图片地址就行了
那我们如何去找图片的地址呢
经常用电脑的 都会知道一些简单的 文件名词术语 比如我们这里看到的 imgsrc =
基本的意思 就是 图片地址等于 我们只需要更换后面引号里面的地址就可以了
这里要注意的是 一定是引号之间的地址,引号需要保留的
更换之后 我们现在看到的图片已经是 软件从网路上拉取的图片 而不是原来直接读取本地的图片
接下来 我们全选上面的代码 右键 拷贝/复制
然后选择我们需要装修的页面 添加自定义页面
点击保存
我们的任务就完成了,点击发布
看看是不是有了效果呢,希望有了这个思路能给大家带来些启发
大家都可以制作出漂亮的店铺
以后我会继续教大家一些 非常实用的小技巧,不花钱一样可以打店铺搞的漂亮
沙发我就是来学习的。哈哈,学习到了。可以跟你请教吗!我要在店铺左侧添加超链接怎么弄啊
左侧 超链接可以 通过自定义模块来实现哦
厉害厉害,这就是我要找的,谢谢楼主楼主好,向妳请教链接错位的问题了。。
为什么自定义模块添加分类链接,提交发布后却是链接到店铺首页--!
评论内容:发表评论不能请不要超过250字;发表评论请自觉遵守互联网相关政策法规。