用DW在淘宝店铺装修中添加图片和链接_第1页
用DW在淘宝店铺装修中添加图片和链接_第2页
用DW在淘宝店铺装修中添加图片和链接_第3页
用DW在淘宝店铺装修中添加图片和链接_第4页
用DW在淘宝店铺装修中添加图片和链接_第5页
已阅读5页,还剩2页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、 DW店铺装修之添加图片和链接最近看了很多关于店铺装修的视频,现在我将自己总结的店铺装修时候用代码添加链接的方法分享给大家,与亲们探讨探讨,有不对的地方希望亲们指出,有错误的思路希望各位大神勿喷, 2015祝大家淘宝大卖,生意红火,家庭幸福,心想事成。最开始装修店铺的时候最困扰我的便是链接的设置,进了很多同类的网店,发现他们都做得好好哦,一点击就进入了宝贝界面,很想也自己做出这样的效果,所以我在网上使劲找相关的视频,其中谈论得最多的便是微软的Macromedia Dreamweaver 8软件的应用,首先呢下载地址我就不多说了,在百度上粘贴上MacromediaDreamweaver 8会出来

2、很多的哟亲们。好了,我就不多说了,直接上菜。1、 我们安装好了软件然后就打开DW了,如果你打开的是这个样子那么恭喜亲,你下载的软件是正确的,在这里我给大家提供三个可以用的序列号:WPD800-59139-91432-25145WPD800-57931-76932-54523、WPD800-59931-32632-81939(如果经济比较富足,请支持购买正版软件)在MacromediaDreamweaver8或淘宝店铺装修时,时常需要用在放一张图片后,在这个图片上再放一张小图片或一些文字加链接,怎么实现呢,先看看效果吧:http:/22318./.下面再把代码复制上,放到代码

3、编辑图里就行了 说明:上面第一个红色部分为底图,了最后一个红色部分为加上去的小图,中间ahref后面的红色部分是小图的链接,把这些都改成你要的就行。注意图的大小也要根据你要插入的图的大小改动,width=932height=284这是底图的大小;width=137height=116这是小图的大小这里只加了一幅图,位置够的话,可以多加几幅或文字都可以哦! 关于Macromedia Dreamweaver (懒得打了以下我都简称DW了哈)的链接操作,首先我们先在PS中做好我们主页的一些图片,我就以我的这张图片为列了告诉大家一个小诀窍,几张图片合成一张可以用美图秀秀哟,很方便的呢。注意啦

4、,我们还有一个工作,就是把你做好的这张图片传到我们的淘宝图片空间哟,然后找到你们的图片,复制下图片所在的链接这一步相信亲们都已经很是熟练了吧。进入软件后我们第一步应该是新建站点,但是亲们我们不是专业的网站开发人员所以呢,我们直接点击HTML就OK拉。2、 这时候我们会在DW的主界面看到代码、拆分和设计三个界面,一般我们进来时候便是默认设计界面,如果不是亲们便点击一下就行啦,下一步点击选择菜单栏上面的插入图像在弹出框中什么都可以不填,直接确定,这样我们图片便插入了这时候我们的界面应该是这样的。3、 亲们看到最下面那一栏属性界面了吗?我们的主要工作便是在这儿进行滴呢,我们找到属性界面里面的源文件,

5、把里面的内容全部删了,然后将我们复制的传在图片空间的图片链接粘贴到这儿喔, 在左下角点击那个不规则的四边形(专业术语叫多边形热点工具),然后在我们图片上选取几个点5、我选了四个点,然后就把我们要链接的图片扣出来了喔,这时候我们最下面的属性栏是这个样子滴。注意啦,关键来了,我们先去我们的淘宝里面找到我们的宝贝,进入我们的宝贝详情页,在我们浏览器里不是有个网址嘛,我们全部选中,然后复制,再回到我们的DW,将上面图片中所示的属性界面里面的链接的#号删了,将我们复制的链接粘贴到里面就OK拉,目标里面填写_blank,“替换”栏千万不要选喔,然后再点击一下左下角那个黑色箭头,点击一下图片空白地方,这样便

6、是算保存啦,然后再点击我们的多边形热点工具,依次把我们的宝贝图片全部付上链接。4、 链接完成后我们点击界面上的代码,进入代码界面,我们将自动形成的代码从body开始复制,直到最后一行5、 最后一步,我们进入我们的装修页面-点击代码切换,将我们的代码直接粘贴在里面就OK啦7这是我做的图片链接/shop/view_shop.htm?spm=.k83vv6&asker=wangwang&shop_nick=zhaoxiaojun0062&v=1大家可以看看成品(已结没做了,不过还是可以去看看),就是这个样子滴,是不是很简单呢亲们,赶快来试试吧。以前逛店

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论