按照(一)的方法我们把淘宝中出售的图片通过PS处理后,上传到淘宝图片空间然后添加到DW中,加入连接,这样图片就按照这个方法更换好后,下面我们就开始更换商品的名称了,当然商品的名称要新颖让人耳目一新,首先要在标题上吸引顾客,怎样做好标题连接呢,其实方法和图片的添加方法是一样的。
首先要在图片的下方输入文字,然后选择文字,在下面的属性对话框中的连接中,输入和图片相同的连接,按照此方法更改下产品的标题。
下面我来介绍下怎样把旺旺客服的连接添加上去,首先登录淘宝店铺,在店铺的右边找到旺旺客服图标所示,复制连接,后面的步骤和图片插入连接的方式相同,同理,收藏店铺也是这样添加的。
按照上述方法,一步一步操作,来逐步完善。做好之后我们可以预览下自己做的是否合心意,检查下旺旺客服的连接是否正确,连接地址是否正确。
做好之后达到自己的满意后,我们可以复制刚才设计好的代码,然后复制到淘宝店铺中去,
要想更好的使用DW软件来制作更加完善的东西,还需要我们仔细的学习,研究,这只是投机取巧的方法,是适合新人不懂的人来简单使用的。
首先,要在网上下载个DW软件,当然也少不了PS来处理照片。网上也有很多淘宝店铺的代码,选择你自己喜欢的类型下载下来,以备后面使用。
下载安装好DW后,启动软件,点击打开,然后找到你下载解压后的代码所在的文件,
打开后如下图所示
下面一步是关键,将打开的文件重新另存一下。保存类型选择第二个,保存后会出现“是否更新连接”选择“是”
在软件的标题栏有“代码、拆分、设计”,点下“设计”就会出现你下载好的页面。
登陆你的淘宝,把设计好的图片上传到淘宝图片空间里面,然后,复制图片的连接,将复制好的图片连接,复制到DW源文件里面,当然复制进去后会出现图片比较大的现象,我们可以在属性里面更改图片的大小。
在你的淘宝店铺里面面找到你出售的商品,在出售的商品后面有一个复制链接,点击下,然后复制到DW属性里面的链接里
下面你可以按照我上面说的方法去更换下图片和链接,当然,有的人会说在淘宝里面也可以制作,是的,但是那样对于我来说是用着不方便,对于编辑更加不便,虽然我这个有点复杂,但是起码看起来比较直观,本人也是新手,如有不对的希望各位大神多加指点,能更好的方便大家学习,未完……
不会用PS切片的朋友可以查看下方引用的经验哦
首先启动Dreamweaver,并建立一个html文件,在顶部依次点击【插入】-【image】
在窗口中选择你切好的店招图片,点击【确定】打开
打开后可以看到会在body中自动插入一段图片代码,引号中的就是图片地址,如果你的图片在图片空间中,可以把地址直接替换成图片空间的链接。然后我们把右上角的【开发人员】界面切换成【标准界面】
切换标准界面后,点击顶部中间的【拆分】,这样就可以同时看到网页效果和html代码了
点击【窗口】-【属性】(快捷键Ctrl+F3)调出属性栏
鼠标点击一下网页效果的图片,在属性栏中点击【方形热区】,然后在你想添加热区的地方直接画一个方形,比如首页按钮,直接画个热区框选住首页两个字。框选后可以看到html代码中多了一行代码,href=“#”中的井号可以替换成你想打开的链接。这样点击首页时,就会打开这个链接了。如此第一个热区就加好了
按照同样的方法把想添加链接的地方都画上热区,代码中可以看到一列热区代码,是不是觉得不知道哪个是哪个了?别着急哦
其实我们只需要用鼠标选中网页效果上的其中一个热区,代码也会自动选中这个热区的代码啦,是不是很方便了?这样你是不是就觉得很简单了呢?
打开DW
点击新建html
详情页组成的板块
做关联营销在新建的DW的<body></body>中间开始插入代码
这是定义页面的宽度背景色等信息,继续
本文链接:http://www.28at.com/showinfo-23-18125-0.html干货分享,巧用DW做详情页,提升淘宝转化不再难?
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com
上一篇: 淘宝网购、购物最基础的知识?
下一篇: 淘宝天猫2023双11预售活动入口在哪?