淘宝双图白图引流技术

1。工具软件：要自己动手做商品模版，挑选网页页面编辑功能，现阶段业内流行的得便是 dreamweaver了，用老微的frontpage还可以。想自己做好朋友好是选择前面一种，frontpage我之前会用过，之后很少用，关键总觉得dreamweaver应用方便快捷，作用更强大，终归是以这个出身的嘛。必须dreamweaver 手机软件的小伙伴可以 从互联网上下载，下载方法：在 google 搜索框中键入“ dreamweaver软件免费下载 ”就能找到许多网站下载了！！！，其他软件工具你都能那样获取到，免费下载就行了。还记得下载完了一定要先消毒哦，对我们这种商家而言，安全性是十分重要的得。

2。网页设计以前，要了解自身模版的基本合理布局。先不要着急用dreamweaver逐渐编写，宣布编写以前个人觉得小伙伴们多看一些其他人著作，梳理出宝贝描述模板的大体合理布局方式，必须的每个选择项！好的方法就是先舍本逐末，在黑板上拿笔先勾画出描述模板的规划，标明应该做的一些工作及。商品模版的重要控制模块我便是下列便是几片

A. 产品的高清大图 B。产品的叙述 C顾客事项 D派送方式 E店面归类 F 店面联接

能够在黑板上粗壮的勾勒一下大体的合理布局，逐渐下边的工作中。

3。提前准备素材内容。制作网页不能没有素材内容，素材内容是指一些养眼的照片，文本，环境等优质。也有主要的，也有可能使用的就是你店面logo，宝贝的图片，文字介绍跟店面产品相关的一切了。将这些素材内容都通通归到一个文件目录下边（真真正正正规编写方法是什么依照文件夹来安排自身素材），便捷之后找寻。为了能作出很好的效果，可能要使用一下photoshop这个工具，尤其对照片处理都离不开它。下载的软件方式象上面提到的就行了。

4。现在基本的东西了早已做好准备。那样就开始做吧。

淘巧网

A。先开启Dreamweaver ，新创建一个html网页。这时候工作中台子上看到过一个纯白色的地区，便是编写地区了。

B。添加表格开展合理布局。这一点很重要，由于报表可以方便的使我们开展规划的分派，及其之后各种各样素材内容定位。拥有报表，大家心里面便对合理布局基本上了解了。在表格里面能够加上大家素材，文本，变更环境等。这些文字一般是通用文本，固定不动永恒不变的，不容易伴随着宝贝的不一样而改变，例如【顾客事项】，【派送方式】等文章标题性与描述性的句子。这时候我们还需要空出置放商品图片，和产品介绍位置，这都是会变动的，每个宝贝的图片，和叙述都是不一样的。一定要空出这里。龚树华的淘巧网

提醒：这一步以前把经常使用的上传图片互联网上来，我分享给大家这个网站。先提交有一个益处，之后使用图形的情况下，立即都可以找到照片，随后拷贝时该图形的联接导入到图象占位符的源头上边就行了，也不用再一边提交图象，一边编写网页页面。

C。当需要插入图片位置上，加上一个图象占位符，记牢，宝贝描述模板中每一个图象都一定是一个图象占位符，无法直接图象。加上完了你看到的一个破裂的格子，证实该目标是个图象占位符。淘巧

【关键了解】怎么不插入图象呢？插入图象在某宝里有无法显示的。在要置放图象的区域，包含背景等都要应用图象占位符。拥有图象占位符，相当于要先占好啦这里，之后在这里上加上对应的照片联接详细地址，那样当用浏览器中查询网页页面时，电脑浏览器自身依照图形的联接地址下载图象，就能显现出自身想要的图片了。这一点很重要哦。

D。在其他位上也添加一些图象占位符，例如店铺logo，店面归类这些，这种部位为你之后实际操作提供便捷。

E。把图象占位符的区域填完图形的数据连接详细地址，落实到每一个商品信息情况下，大家在淘宝里商品在线编辑器中再填进去。在淘宝产品介绍在线编辑器里，大家寻找该商品的照片联接详细地址，填到图象占位符的图片出处就就行了。那样的话，只需修改商品信息图象占位符的图象由来详细地址，就能表明大家想要的图片了。

6。之上假如不出所料，按照自己设计方案，基本可以算竣工了。实际美不好看要渐渐地调节。如今重要的就是在Dreamweaver中转换到代码编辑对话框，CTRLa选定全部编码，选择复制，点击一个商品，在某宝里边编写该商品，在商品在线编辑器里边，挑选编写源代码，这时候就转换到代码编辑对话框了。将此前复制编码黏贴至该对话框，点击编辑模式，转换到图形编辑方式。这时候你突然发现，之前你设定的图象占位符现在表明成图片了。若不能表明，就说明该点并没有图象联接详细地址。敢紧挑选该图象占位符，点击插进/编写图象按键，键入对应的照片联接详细地址就行了。尤其要提醒是指：改动产品介绍通常是能直接表明宝贝的高清大图。这时候一定要变更商品图片占位符，把要占位符的图象由来改为是现阶段宝贝的图片联接详细地址就行了。具体内容来源于淘巧网

点击一下浏览，可以看编辑实际效果，有哪些不满的，只有之后渐渐地更改了。

转换商品在线编辑器到编码方式，挑选全部代码复制并拷到一个TXT文本文档中保存，之后每一个商品都能用到。新创建一个宝贝的情况下把这些编码在代码编辑模式下边立即副本来，随后转换回图片编辑工具方式更改相对应的商品图片就行了。

如何，一切都比较简单吧。

下面的图是dreamweaver中图形编辑模式的商品模版的规划，红色字体表明部分为经常使用的哦，一定要多加注意。

具体实际效果你们可以到我的店铺里边随意点一下一个商品看看就能。也有好多地方要强化的，请大家多多指教。有什么情况能够一起探讨噢。只能算毛遂自荐。期待高手大神们把你的开发经验就跟大家交流一下。

解释说明一下,在商品在线编辑器中可以用热点连接隐私功能来构建图象里的立即联网控制.比如说我的模版上边店铺简介,逛一逛店铺,企业信用评价这些文字上边都用了联网控制.这一联网控制如何达到的呢?方式如下所示:

选定你应该做相连的照片，图象占位符都是鼓励的。随后这时候你发觉dreamweaver左下栏有一些的绿色图标。这些都是用于在图片里绘制一些正方形，环形或其他样子地区，用浏览器中，鼠标经过这种地区的时候会变为双手的形态，这种地区便是热区。鼠标单击这一热区的时候会传送到对应的网页页面。

赶紧在图中画一个地区，随后在dreamweaver左下方联接详细地址中键入你想相连的网站链接。

将编码考得商品在线编辑器，随后浏览一下，当鼠标放进这种地区里的情况下，就会成为双手的形态。点击一下，便会传送到对应的网页页面了。

图片空间的替换功能无法使用，很多卖家资询我应该怎么换，实际上换法许多，例如根据超级店长更换，淘宝助理更换，淘宝主图编写更换这些。