分享

Ps和Dw结合制作网页热点链接,淘宝天猫美工海报热点和关联推荐制作。Photoshop视频教程技巧方...

 新华书店好书榜 2016-07-09

导言:做淘宝和天猫美工的经常会装修店铺,海报上和关联销售都需要给图片添加热点链接跳转到宝贝。有些店铺模板自带有热点添加功能,可是自定义模块需要把图片切开分别添加链接。这里给大家介绍一下如何用Ps和Dw结合制作网页热点链接。

视频教程讲解



首先要先用Ps切片导出图片

在Ps中先把海报或者关联推荐的整体图片切图导出

在之前的视频教程中有过介绍

①、先在分割位置拉上辅助线

②、选择切片工具,建立基于切片的参考线



③、这里可以修改一下切片的名称,方便有顺序添加




④、导出的时候只导出图片就可以了

因为在Ps中也可以直接添加链接和导出HTML格式,包含表格和链接,确实是好用,但是直接用在淘宝和网页上个人感觉有些地方不是特别方便,修改起来比较麻烦,所以个人习惯使用Dw直接建立表格填充图片和链接。




导出的图片标题是我们设置好的,这样图片较多的话就有顺序了,方便插入图片。




上传到淘宝和天猫图片空间

图片导出后上传到图片空间,鼠标放到图片上面后会显示出3个按钮,第一个是复制图片,第二个是复制链接,第三个是复制代码。

我们直接点击第一复制图片。




在Dw中设计表格

打开Dw新建一个文档,再插入一个表格,我们设计的几行几列就输入几行几列。这里一天猫详情页关联推荐为例。因为是为了排版图片和加链接,




把淘宝天猫图片空间复制的图片按顺序直接粘贴到Dw中新建的表格中,点击图片在属性面板中的链接中输入要跳转的宝贝链接。




在输入完链接后,选中所有图片,点击属性面板中的目标选择_blank。我们这里只是演示所以输入的链接是空链#,目标跳转选择_blank,在新页面打开链接。




在设置好图片和链接后,选择表格或者点击下面的

标签,选择表格的所有代码,粘贴到淘宝天猫上模块的代码中就可以了。




    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约