用DW在淘宝店铺装修中添加图片和链接..doc

DW店铺装修 之添加图片和链接 最近看了很多关于店铺装修的视频，现在我将自己总结的店铺装修时候用代码添加链接的方法分享给大家，与亲们探讨探讨，有不对的地方希望亲们指出，有错误的思路希望各位大神勿喷， 2015祝大家淘宝大卖，生意红火，家庭幸福，心想事成。 最开始装修店铺的时候最困扰我的便是链接的设置，进了很多同类的网店，发现他们都做得好好哦，一点击就进入了宝贝界面，很想也自己做出这样的效果，所以我在网上使劲找相关的视频，其中谈论得最多的便是微软的Macromedia Dreamweaver 8软件的应用，首先呢下载地址我就不多说了，在百度上粘贴上MacromediaDreamweaver 8会出来很多的哟亲们。好了，我就不多说了，直接上菜。 我们安装好了软件然后就打开DW了，如果你打开的是这个样子 那么恭喜亲，你下载的软件是正确的，在这里我给大家提供三个可以 用的序列号： WPD800-59139-91432-25145 WPD800-57931-76932-54523、 WPD800-59931-32632-81939 （如果经济比较富足，请支持购买正版软件） 在Macromedia?Dreamweaver?8或淘宝店铺装修时，时常需要用在放一张图片后，在这个图片上再放一张小图片或一些文字加链接，怎么实现呢，先看看效果吧：?http://22318./?.下面再把代码复制上，放到代码编辑图里就行了 ?table?width=932?height=284?border=0? background=/imgextra/i4/750287797/T2gDlUXghbXXXXXXXX_!!750287797.gif??? ??tr? 牋牋牋trtdpnbsp;/p??????? p?????/p???? ??pbr?/??????? a href=/popup/add_collection.htm?idmp;itemidmp;itemtype=0amp;ownerid=5a55339ca16c5c70bf599famp;scjjc=2amp;_tb_token_=9bCoD9NIQ3/ImMoD9NcQ3/FdNoD9NdQ3/zepoD9NnQ3/ErroD9NpQ3/H6wpD9NfR3/Dv2qD9NuR3/I6tsD9N6U3?target=_blankimg?src=/imgextra/i4/750287797/T2nDXUXX4cXXXXXXXX_!!750287797.gif?width=137?height=116?border=0?//a/p?????? ?/td??? ??/tr? ??/table? 说明：?上面第一个红色部分为底图，了?最后一个红色部分为加上去的小图，?中间a?href后面的红色部分是小图的链接，把这些都改成你要的就行。注意图的大小也要根据你要插入的图的大小改动，width=932?height=284这是底图的大小；width=137?height=116这是小图的大小?这里只加了一幅图，位置够的话，可以多加几幅或文字都可以哦！? 关于Macromedia Dreamweaver (懒得打了以下我都简称DW了哈)的链接操作，首先我们先在PS中做好我们主页的一些图片，我就以我的这张图片为列了 告诉大家一个小诀窍，几张图片合成一张可以用美图秀秀哟，很方便的呢。注意啦，我们还有一个工作，就是把你做好的这张图片传到我们的淘宝图片空间哟，然后找到你们的图片，复制下图片所在的链接 这一步相信亲们都已经很是熟练了吧 。 进入软件后我们第一步应该是新建站点，但是亲们我们不是专业的网站开发人员所以呢，我们直接点击HTML就OK拉。。 这时候我们会在DW的主界面看到代码、拆分和设计三个界面，一般我们进来时候便是默认设计界面，如果不是亲们便点击一下就行啦，下一步点击选择菜单栏上面的插入——图像——在弹出框中什么都可以不填，直接确定，这样我们图片便插入了这时候我们的界面应该是这样的。 亲们看到最下面那一栏属性界面了吗？我们的主要工作便是在这儿进行滴呢，我们找到属性界面里面的源文件，把里面的内容全部删了，然后将我们复制的传在图片空间的图片链接粘贴到这儿喔， 在左下角点击那个不规则的四边形(专业术语叫多边形热点工具)，然后在我们图片上选取几个点 5、我选了四个点，然后就把我们要链接的图片扣出来了喔，这时候我们最下面的属性栏是这个样子滴。 注意啦，关键来了，我们先去我们的淘宝里面找到我们的宝贝，进入我们的宝贝详情页，在我们浏览器里不是有个网址嘛，我们全部选中，然后复制，再回到我们的DW，将上面图片中所示的属性界面里面的链接的‘#’号删了，将我们复制的链