*** 店用DW矩形热点为一张图片添加多链接,代码复制到店铺装修,指定的链接地址打不开或者打开的是错的。

装修宝典01

 *** 店用DW矩形热点为一张图片添加多链接,代码复制到店铺装修,指定的链接地址打不开或者打开的是错的。,第1张

*** 店用DW矩形热点为一张图片添加多链接,代码复制到店铺装修,指定的链接地址打不开或者打开的是错的。
导读:你是不是首页上有多个自定义模块都加了热点呢,如果是这样的话可能是地图名称冲突了,你在dw里加热点的时候,左下角会有一个地图名称,默认名称是'Map',你不改的话就都是以map命名,如果你在一个自定义模块里加热点这个名称没问题,如果多个自定义

你是不是首页上有多个自定义模块都加了热点呢,如果是这样的话可能是地图名称冲突了,你在dw里加热点的时候,左下角会有一个地图名称,默认名称是'Map',你不改的话就都是以map命名,如果你在一个自定义模块里加热点这个名称没问题,如果多个自定义模块加了热点的话就要改名称了,改成map1,map2都行,反正不要重复了,因为调用的时候名称都是map的话,它可能只调用之一个自定义模块里map的热点坐标,所以出现对不准链接错误的情况

<div style="height:550px;">

<div style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">

<div style="width:1920px;height:550px;padding:0px;border:none;left:-960px;top:0px;">

<div data-widget-config="{'contentCls': 'dm03','navCls': 'dms','duration':1,'interval':4,'autoplay':true,'triggerType':'mouse','circular':true,'effect': 'scrollx','easing': 'backIn','prevBtnCls':'prev','nextBtnCls':'next','autoplay': true,'viewSize':[1920],'activeTriggerCls': 'hidden'}" data-widget-type="Carousel">

<div class="J_TWidget prev" data-widget-config="{'trigger':'dm_YU','align':{'node':'dm_YU','offset':[-530,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">

<div style="font-size:100px;cursor:pointer;">

<img src="http://img01taobaocdncom/imgextra/i1/2366105340/TB2vausdXXXXXaBXXXXXXXXXXXX_!!2366105340png">

</div>

</div>

<div class="J_TWidget next" data-widget-config="{'trigger':'dm_YU','align':{'node':'dm_YU','offset':[530,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">

<div style="font-size:100px;cursor:pointer;">

<img src="http://img01taobaocdncom/imgextra/i1/2366105340/TB2F0evdXXXXXXsXXXXXXXXXXXX_!!2366105340png">

</div>

</div>

<div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;">

<ul style="height:550px;width:1920px;padding:0px;margin:0px;">

<li style="width:1920px;height:550px;padding:0px;margin:0px;">

<a target="_self" href="http://detailtmallcom/itemhtmid=45304341459&spm=a220o100085500Q2FC4i&src=maiduoduocc " style="padding:0px;margin:0px;">

<img src="http://img04taobaocdncom/imgextra/i4/2366105340/TB28RIfcFXXXXcYXXXXXXXXXXXX_!!2366105340jpg" width="1920px" height="550px" border="0px">

</a>

</li>

<li style="width:1920px;height:550px;padding:0px;margin:0px;">

<a target="_self" href="http://detailtmallcom/itemhtmspm=a220o100085519980251291aJgE42&id=43752710485&abbucket=_AB-M32_B1&acm=0305410031283648&aldid=iPFRmtyC&abtest=_AB-LR32-PV32_1684&scm=100310305413_43752710485_283648&pos=1 " style="padding:0px;margin:0px;">

<img src="http://img04taobaocdncom/imgextra/i4/2366105340/TB2NRKndXXXXXbfXXXXXXXXXXXX_!!2366105340jpg" width="1920px" height="550px" border="0px">

</a>

</li>

<li style="width:1920px;height:550px;padding:0px;margin:0px;">

<a target="_self" href="http://detailtmallcom/itemhtmspm=a220o100085519980251293aJgE42&id=44761568472&abbucket=_AB-M32_B1&acm=0305410031283648&aldid=iPFRmtyC&abtest=_AB-LR32-PV32_1684&scm=100310305413_44761568472_283648&pos=2 " style="padding:0px;margin:0px;">

<img src="http://img04taobaocdncom/imgextra/i4/2366105340/TB2MiucdXXXXXaBXpXXXXXXXXXX_!!2366105340jpg" width="1920px" height="550px" border="0px">

</a>

</li>

</ul>

</div>

<div style="padding:0px;border:none;left:50%;display:block;;">

<div style="z-index: 99;width:1920px;height:45px;padding:0px;border:none;left:-960px;top:-45px;">

<ul style="width:990px;height:45px;margin:0 auto;text-align: center;border:none;color: #fff;">

<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:14;font-size: 27px;"></li>

<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:14;font-size: 27px;"></li>

<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:14;font-size: 27px;"></li>

</ul>

</div>

<div style="z-index: 98;width:1920px;height:45px;padding:0px;border:none;left:-960px;top:-45px;background:none;">

<ul style="width:990px;height:45px;margin:0 auto;text-align: center;border:none;color: #333333;">

<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:14;font-size: 27px;"></li>

<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:14;font-size: 27px;"></li>

<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:14;font-size: 27px;"></li>

</ul>

</div>

</div>

</div>

</div>

</div>

</div>

<ul style="display:none;"></ul>

</div>

目前只有轮播!首页的你可以自己 *** 然后切片 很简单的

有很大部分都是处于新手入门阶段,对于刚入行电商美工设计行业都需要会哪些技能和软件呢,梳理一下需要学习的方向,方便大家入行之后的一个系统化的学习,更加快速的进入到这个行业当中,不至于迷茫的学习不知从何下手去开始。

1PS(Photoshop)PS一定是会用到的,大部分的日常工作当中都离不开这个软件的使用,应用这款软件基本二维视觉效果都可以达到,满足日常电商设计项目是完全够用了,包括我们日常做的主图、详情页、首页、活动图,还有简单的动效图等

2AI(Illustrator)

AI软件主要是 *** 矢量图形插画设计等,根据电商公司的需求,有的会用到来做线下物料,比如名片、宣传单、易拉宝、画册、产品包装设计或者店铺LOGO设计等,有的小型公司会一人多用,美工有时候也会需要做一些平面类的图,这个就视情况而定了,有兴趣的学习一下也许会用的上。

3C4D 这几年在电商当中的应用是非常广泛了,无论是产品建模,渲染,还是动画设计都在应用范围内,这个软件的使用我建议是有一定PS/AI/DW软件基础之后再去学习,因为这个软件算是一个进阶技能,可以让你达到一定水平之后提升到另一个维度的软件,对于新手来说可以慢慢接触,毕竟这是一个趋势,肯定是要用到的,前提是要有一定的设计技能之后再去学习应用,要不然很难发挥出他的设计价值。

4DW(Dreamweaver)DW在电商设计当中主要用来做店铺的装修上,包括店招设置,全屏海报,轮播图,自定义布局等使用

<div class="hwm" style="width:800px; height:800px;"><img src="https://imgalicdncom/imgextra/i3/47979059/T2KOCNXcNaXXXXXXXX_!!47979059jpg" width="800"; height="800">

<!--控制柄代码-->

<div class="J_TWidget"  data-widget-type="Popup"  data-widget-config="{'trigger':'hwm','align':{

  'node':'hwm',

  'points':['cc','cc'],

  'offset':[0,0]}}">

<!--弹出内容,直接修改地址和尺寸-->

<div style="width:800px; height:800px;"><a href="链接"><img src="https://imgalicdncom/imgextra/i2/47979059/T2CMCTXmNaXXXXXXXX_!!47979059jpg" width="800" height="800"></a></div>

  </div>