您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 市场营销 > 用DW在淘宝店铺装修中添加图片和链接
DW店铺装修之添加图片和链接最近看了很多关于店铺装修的视频,现在我将自己总结的店铺装修时候用代码添加链接的方法分享给大家,与亲们探讨探讨,有不对的地方希望亲们指出,有错误的思路希望各位大神勿喷,2015祝大家淘宝大卖,生意红火,家庭幸福,心想事成。最开始装修店铺的时候最困扰我的便是链接的设置,进了很多同类的网店,发现他们都做得好好哦,一点击就进入了宝贝界面,很想也自己做出这样的效果,所以我在网上使劲找相关的视频,其中谈论得最多的便是微软的MacromediaDreamweaver8软件的应用,首先呢下载地址我就不多说了,在百度上粘贴上MacromediaDreamweaver8会出来很多的哟亲们。好了,我就不多说了,直接上菜。1、我们安装好了软件然后就打开DW了,如果你打开的是这个样子那么恭喜亲,你下载的软件是正确的,在这里我给大家提供三个可以用的序列号:WPD800-59139-91432-25145WPD800-57931-76932-54523、WPD800-59931-32632-81939(如果经济比较富足,请支持购买正版软件)在MacromediaDreamweaver8或淘宝店铺装修时,时常需要用在放一张图片后,在这个图片上再放一张小图片或一些文字加链接,怎么实现呢,先看看效果吧:下面再把代码复制上,放到代码编辑图里就行了tablewidth=932height=284border=0background=!!750287797.giftrtdp /pp/ppbr/ahref==68545683&itemid=68545683&itemtype=0&ownerid=5a55339a04473981dca16c5c70bf599f&scjjc=2&_tb_token_=9bCoD9NIQ3/ImMoD9NcQ3/FdNoD9NdQ3/zepoD9NnQ3/ErroD9NpQ3/H6wpD9NfR3/Dv2qD9NuR3/I6tsD9N6U3target=_blankimgsrc=!!750287797.gifwidth=137height=116border=0//a/p/td/tr/table说明:上面第一个红色部分为底图,了最后一个红色部分为加上去的小图,中间ahref后面的红色部分是小图的链接,把这些都改成你要的就行。注意图的大小也要根据你要插入的图的大小改动,width=932height=284这是底图的大小;width=137height=116这是小图的大小这里只加了一幅图,位置够的话,可以多加几幅或文字都可以哦!关于MacromediaDreamweaver(懒得打了以下我都简称DW了哈)的链接操作,首先我们先在PS中做好我们主页的一些图片,我就以我的这张图片为列了告诉大家一个小诀窍,几张图片合成一张可以用美图秀秀哟,很方便的呢。注意啦,我们还有一个工作,就是把你做好的这张图片传到我们的淘宝图片空间哟,然后找到你们的图片,复制下图片所在的链接这一步相信亲们都已经很是熟练了吧。进入软件后我们第一步应该是新建站点,但是亲们我们不是专业的网站开发人员所以呢,我们直接点击HTML就OK拉。。2、这时候我们会在DW的主界面看到代码、拆分和设计三个界面,一般我们进来时候便是默认设计界面,如果不是亲们便点击一下就行啦,下一步点击选择菜单栏上面的插入——图像——在弹出框中什么都可以不填,直接确定,这样我们图片便插入了这时候我们的界面应该是这样的。3、亲们看到最下面那一栏属性界面了吗?我们的主要工作便是在这儿进行滴呢,我们找到属性界面里面的源文件,把里面的内容全部删了,然后将我们复制的传在图片空间的图片链接粘贴到这儿喔,在左下角点击那个不规则的四边形(专业术语叫多边形热点工具),然后在我们图片上选取几个点5、我选了四个点,然后就把我们要链接的图片扣出来了喔,这时候我们最下面的属性栏是这个样子滴。注意啦,关键来了,我们先去我们的淘宝里面找到我们的宝贝,进入我们的宝贝详情页,在我们浏览器里不是有个网址嘛,我们全部选中,然后复制,再回到我们的DW,将上面图片中所示的属性界面里面的链接的‘#’号删了,将我们复制的链接粘贴到里面就OK拉,目标里面填写_blank,“替换”栏千万不要选喔,然后再点击一下左下角那个黑色箭头,点击一下图片空白地方,这样便是算保存啦,然后再点击我们的多边形热点工具,依次把我们的宝贝图片全部付上链接。4、链接完成后我们点击界面上的代码,进入代码界面,我们将自动形成的代码从body开始复制,直到最后一行5、最后一步,我们进入我们的装修页面--点击代码切换,将我们的代码直接粘贴在里面就OK啦7这是我做的图片链接=0.0.0.0.k83vv6&asker=wangwang&shop_nick=zhaoxiaojun0062&v=1大家可以看看成品(已结没做了,不过还是可以去看看),就是这个样子滴,是不是很简单呢亲们,赶快来试试吧。以前逛店铺的时候经常看到很多店铺一整页一整页的又长又大,上面很多图片,现在我终于明白他们的链接是怎么附加上去的了,你还可以做文字链接啥的,当你学会这个了,文字链接还难吗,好了今天的分享就到这儿了。
本文标题:用DW在淘宝店铺装修中添加图片和链接
链接地址:https://www.777doc.com/doc-2202344 .html