首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 爱情文章 > 正文

    淘宝店铺装修系列课程之热点的使用:淘宝店铺dw怎么加热点

    时间：2020-05-29来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    我们经常会看到一些淘宝店铺的商品摆放非常个性，远远不是淘宝店铺装修里的宝贝推荐模块可以实现的，例如：

    淘宝店铺装修系列课程之热点的使用1

    斜体排列

    淘宝店铺装修系列课程之热点的使用2

    瀑布流排列

    这样在一张图上，分布不均匀的的图片，如何实现针对单独产品的链接?

    本文讲述使用热点方法达成所要效果，另请参考《淘宝店铺装修系列课程之切片使用》也能达成同样效果

    整体过程分为3步：

    1.上传图片，获得图片的网络地址

    2.Dreamweaver中插入网络图片，划热点

    3.把Dreamweaver中获得的代码，插入到自定义内容区的源码下。

    下面就每一步进行详解和注意事项

    第一步：

    1.首先是需要在PS中制作好这样一个照片，根据照片所要放在位置，设计好图片尺寸，淘宝首页950，天猫首页990，单位都是像素，图片制作请参考《US淘宝学院PS美工系列课程》。

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

    第二步：

    1.打开Dreamweaver，新建HTML

    2.切换模式到设计模式下,如图：

    淘宝店铺装修系列课程之热点的使用3

    3.点击上图菜单栏插入，选择第二项，图像，如图：

    淘宝店铺装修系列课程之热点的使用4

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

    淘宝店铺装修系列课程之热点的使用5

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

    6.单击图片，发现左下角图片有所变化，如图：

    淘宝店铺装修系列课程之热点的使用6

    选择矩形热点工具，在图片中框选想要点击后可以产生链接的区域(注：框选错了可以用选择工具选中后delete删除)

    7.框选好一个后，需要赋予这个区域一个链接

    淘宝店铺装修系列课程之热点的使用7

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

    淘宝店铺装修系列课程之热点的使用8

    9.复制两个…之间的代码，如图：

    淘宝店铺装修系列课程之热点的使用9

    第三步：

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

    如图片：

    淘宝店铺装修系列课程之热点的使用10

    预览，查看效果。

    以上内容有配套视频教材，可在US淘宝学院官网进行下载或咨询客服免费获得。

    以上所使用涉及软件分别是：Adobe公司的Photoshop和Dreamweaver，US淘宝学院论坛有Adobe公司官方下载链接，请大家支持正版。

    谢谢!

    以上来源于teacher丁手打

    淘宝店铺装修系列教程【汇总】

    • 淘宝店铺装修系列课程之热点的使用:淘宝店铺dw怎么加热点 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文淘宝店铺装修系列课程之热点的使用:淘宝店铺dw怎么加热点由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.