编者按:很感谢淘宝掌柜“愚昧口香糖 ”的提问及建议,这篇文章将主要回答如何在淘宝模板中插入图片链接的相关问题。如有不懂或者说的不相信的地方,欢迎大家留言告诉我们,我们将继续改进。
(一)问题背景
本问题针对的模板为“一款包含店铺公告的淘宝旺铺促销模板”
(二)愚昧口香糖的相关提问
(1)图片插在代码里得什么位置。是不是复制图片地址粘贴上去就可以。在代码里用文字表示就很清楚啦。
(2)促销模板中左右滚动的图片有多大?具体尺寸是多少?如何插入?插在代码里的什么位置?
(3)代码里你们网站的地址是否要修改,修改成什么?
(4)还有就是在代码里的什么地方插入商品的描述?也就是链接。
(5)请问160*160哪里的图片是怎么弄上去啊?
(三)基础知识,新手必看(建议新手朋友多看几遍本段文字)
在具体回答这个问题之前,有必要给大家普与图片代码、链接代码、滚动代码相关的html知识,和如果获取图片地址、图片大小的方法,再了解这些基本知识后,以上问题基本就会自己解决了。
(a)图片代码介绍
一个标准的图片代码范例如下:
<img src="/images/1111/toplogo.gif" href="/html/taobaozhuangxiujiaocheng/taobaozhuangxiujiaocheng_642.html">川普咖啡教你如何获取图片地址
(e)获取图片大小的方法:
将图片保存到电脑,然后对着图片点击鼠标右键,选择“摘要”即可得知图片大小。
(四)相关回答。
(1)图片插在代码里得什么位置。是不是复制图片地址粘贴上去就可以。在代码里用文字表示就很清楚啦。
在你将模板下载后,使用Dreamweaver(下载地址见Dreamweaver cs3下载地址)打开“预览.html”文件,鼠标左键单击一张“160X160像素”提示图片
然后点击“代码”按钮
你会发现该模板中160X160像素图片其实已经添加了图片代码,只是没有添加图片地址和链接地址而已。
这时候,如果你已经掌握了html知识,那么直接将该代码补充完整即可。补充后的代码为:
<a href="链接地址" target="_blank"><img width="160" height="160" src="图片地址"/></a>(注意:链接地址改为你的商品描述地址,图片地址替换为具体的图片地址)
这样你就完成了一个160X160图片链接的编辑工作。同理将其他图片编辑成你自己的图片链接。
如果还是对后台目录知识不太理解,那么你在鼠标左键单击图片后,在软件下方一下位置填写好图片地址、高度、宽度、链接地址,也是可以的。
(2)促销模板中左右滚动的图片有多大?具体尺寸是多少?如何插入?插在代码里的什么位置?
左右滚动图片尺寸为90X90,很抱歉,我们提供模板时没有具体交代。很多时候,模板中的一些图片大小如果你不清楚,建议你采用qq截图的办法,截取该区域图片大小,然后保存该图片,通过上面说的获取图片大小的方法就可以得知一个比较准确的尺寸。如果尺寸不准,你在稍候微调一下即可。
模板中左右滚动图片插入、编辑方法如下:
如果你已经掌握滚动代码,那么用Dreamweaver打开“预览.html”文件后,点击“代码”按钮,在代码中找到滚动代码的位置,修改图片链接代码即可。如果你对html只是不熟悉,按下面的方法操作:
用Dreamweaver打开“预览.html”文件后,鼠标左键单击一张滚动图片,然后设置一下参数即可。
(五)安装代码
当你把所有的设置完成后,点击“代码”,复制全部代码,然后粘帖到淘宝即可。