郑州网页设计培训
郑州网页美工培训
郑州UI设计培训
郑州淘宝美工培训
图片热点在淘宝店铺中的应用
发布时间:2015-12-11 20:33:46

  图片热点在淘宝店铺中的应用


  我们经常会看到一些淘宝店铺的商品摆放非常个性,远远不是淘宝店铺装修里的宝贝推荐模块可以实现的,这样在一张图上,分布不均匀的的图片,如何实现针对单独产品的链接?本文讲述使用热点方法达成所要效果,整体过程分为3步1.上传图片,获得图片的网络地址2.Dreamweaver中插入网络图片,划热点3.把Dreamweaver中获得的代码,插入到自定义内容区的源码下。 下面就每一步进行详解和注意事项


  1.首先是需要在PS中制作好这样一个照片,根据照片所要放在位置,设计好图片尺寸,淘宝首页950,天猫首页990,单位都是像素。

  2.把制作好图片上传到图片空间,复制该链接到剪切板。


  1.打开Dreamweaver,新建HTML


  2.切换模式到设计模式下。


  3.点击上图菜单栏插入,选择第二项,图像。


  4.出现插入图像的面板,注为避免麻烦,一定要插入网络上的图片地址。


  5.点击确定,然后再点击确定,图片已经插入到DW里。


  6.单击图片,发现左下角图片有所变化。


  7.选择矩形热点工具,在图片中框选想要点击后可以产生链接的区域(注框选错了可以用选择工具选中后delete删除)框选好一个后,需要赋予这个区域一个链接


  8.以上链接热点全部画好之后,切换到代码模式下


  9.复制两个… 之间的代码,


  10.把获得的代码,插入到自定义内容区里,可以是店招,自定义店招,也可以是页面的自定义内容区。


联系地址

郑州金水区东风路文化路向西200米路北汇宝大厦5楼501

联系电话

0371-63218905 13613841515(徐老师)

CopyRight 2005--2013 © xueweb.cn 版权所有:郑州清新教育电脑设计培训学校 Tel:0371-63218905 13613841515 客服QQ:800060586