淘宝店招加dw热点,如何使用DW工具给图片添加热点
DW即是Dreamweaver软件,使用此软件给图片添加热点的方法如下:
1、打开Dreamweaver软件,选中要添加热点的图片,如下图所示:
2、选中图片之后,在左下角的属性栏中就可以看到热点选项工具栏,如下图所示,有矩形热点工具,有圆形热点工具,有多边形热点工具;
3、如果要用矩形热点工具的话,选中矩形热点工具,按住鼠标左键拖动拉出一个矩形就可以添加热点了,如下图;
4、同上如果要用圆形热工具点的话,选中圆形热点工具,按住鼠标左键拖动拉出一个圆形就可以添加热点了。如下图;
5、如果要用多边形热点工具的话,选中多边形热点工具,在图片中先单击下鼠标左键描出一个点,在不同的位置再单击一下,如此重复就可以描出一个多边形热点区域了。如下图;
6、如果想要修改这些热区位置和大小的话,选中工具栏中的指针热点工具。如下图1步;
7、选中工具栏中的指针热点工具后,在热区图形中按住鼠标左键拖动,就可以改变热区的大小和位置了。如下图2步;
图片首先要上传到淘宝的图片空间,然后复制淘宝空间这张图片的链接,替换掉DW里面的图片路径,就显示了
先在DW里添加好图片,然后点击图片 在DW底下的"属性" 会看到 有画方 画圆的 这个就是添加热点链接 如:直接用画方工具 在你刚才点击的图片里 画一个框 "属性"就会出现你所画区式的链接
主要工作内容包括产品摄影图修图、抠图、做主图、详情页(没有招聘文案的小公司会要求美工自己写产品描述页文案)、装修店铺(海报、产品页面设计排版)、详情页关联销售产品图和详情页海报图(目的为了引流到其他产品)、报活动(海报、入口图等)、主图视频编辑处理、其他公司要求做的图片、要懂基本的html等网页代码,dw软件如何设置热点链接(这个很简单)。
首先你先在ps里面做,然后保存为图像和HTML两种格式,然后在dw里面做热点,和插入代码,做好之后的代码放入后台,在这段代码的前面要加上下面的全屏代码。大小可以按着自己做的调节1920的全屏代码是:
方法/步骤1.新建文档里插入准备好的素材图片。
2.选中图片,界面左下角箭头处就是热点工具,有圆形、矩形和多边形几种热点工具。就是可以把热点区域(链接区域)设置为这几种形状。
3.最前面的指针热点工具,是用来修改、移动后面几种热点形状的。如果有画的不好的地方,可以用它修改。
4.选中矩形热点工具,可以看到鼠标变为十字形,在图片需要链接的地方去画图,把内容框起来。
5.框好的区域会有蓝色格子图片显示,蓝色区域都是鼠标点击可以跳转的。
6.在属性面板“链接”里填上链接地址,记得一定是http://开头的格式,否则跳转不到相应网址。
7.浏览时链接区域鼠标经过时显示为手指状态,点击成功跳转。
8.同样的方式,在图片上做圆形、多边形热区链接。
1、PS制作1920*150店招和导航条;
2、切成950*150的店招、导航条和1920*150的背景;
3、将950*150的店招、导航条储存为web所用格式;格式一定要是:HTML和图像。然后将存好的JPG格式图片上传至淘宝图片空间。
4、把切好的950*150店招和导航条用DW制作成代码;(HTML格式用于操作。)5、将代码复制到店铺自定义招牌中;
1、在我的店铺卖家中心左侧 找到 店铺管理 下的 店铺基本设置 点进去修改店名,保存即可。
2、如果是更换上一张做好的 店招图 的话,去 店铺装修 里,光标移到店招上,右上角显示有编辑,点击,然后注意 招牌类型 是默认招牌,然后如果图上已经做上了店名,那么第二行的店铺名称最后的是否显示店铺名称就要去掉勾选,反之则勾选。
3、第三行背景图后 点击 选择文件 图片如已经上传图片空间的话,在从淘盘选择中找到相应的图片点击就可以了。但注意最后要把编辑里店招高度改成你图片本身做的高度。这个也很重要的哦!
4、未上传图片空间的图的话,选择上传新图片,然后点击左下角的,添加图片,从自己电脑上找到放图的文件,并点击打开这个图片,等待上传结束就可以了。
,将Psd文件用切片工具切下来保存成web格式,然后一张图片一张图片放进店铺装修中(如果要在局部中加链接就用dw做好图片热点链接,然后将代码拷贝到淘宝后台的代码编辑界面)
