文章描述：-2022年5月1日发(作者：訾修林)天猫全屏页面图文教程第一步当然是给代码了，这个是我用的代码，图片和衔接也都是我的，大家可以复制在DW里打开直接更换。第二步将这段代码放入DW代码模式，第三步这部分设置页面大小的部分，从图上看，我的页面是5527的高度，(划红圈)，这里可以更改成你的页面大小。加速25届张浩第四步这是页面宽度，设置一下你的宽度，如果在PS里做的图就是1920.就不用改。加速25

天猫全屏页面图文教程

第一步当然是给代码了，这个是我用的代码，图片和衔接也都是我的，大家可以复制在DW里打开直接更换。

true,'contentCls':'sj-tpAAmyDpr','navCls':'sj-npAAmyDpr','autoplay':'true'}"data-widget-type="Tabs"

style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;height:5527px;overflow:hidden;padding-top:0px;">

'click','effect':'fade','steps':1.'autoplay':true,'circular':

true,'prevBtnCls':'prev1pAAmyDpr','nextBtnCls':'next1pAAmyDprpAAmyDpr'}"data-widget-type="Carousel">

style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:5527px;overflow:hidden;padding-top

:0px;">

style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1920px;padding-right:0px;padding-top:0px;left

:-485px;top:-20px;">

width="1920"/>

style="float:none;margin:0px;"width="1920"/>

style="float:none;margin:0px;"width="1920"/>

border="0"usemap="#dfsafasdasfsdf"/>

border="0"usemap="#adsfsdfdfdahzzcv"/>

usemap="#sdfsdfwetq"width="1920"/>

border="0"usemap="#Mapsdfaewqr"/>

usemap="#ewrqewqrtyjkkwq"width="1920"/>

border="0"usemap="#asdfsdfasfs"/>

第二步将这段代码放入DW代码模式，

第三步这部分设置页面大小的部分，从图上看，我的页面是5527的高度，(划红圈)，这里可以更改成你的页面大小。加速25届张浩

第四步这是页面宽度，设置一下你的宽度，如果在PS里做的图就是1920.就不用改。加速25届张浩

第五步这两个设置不需要动，liftl-485是指页面偏移485Pxtop:20是取消顶部20PX间隙。加速25届张浩

第六步这步是放入你切好已经放入图片空间以后的图片衔接的部分最上的红大圈是一个图片单位，就是一个

到下一个之间的代码，你切了多少片，就放多少个这样的单位。复制这样一个单位，拷贝到下段就可以了。

红圈里设置你一个切片图的高度。蓝是图的宽度。加速25届张浩

图片的大小和衔接在图片空间看，按你切片顺序把图片大小填入上面的高度位置。一个切片大小在这里看如下图

单击放大

然后是放入衔接了，复制衔接

替换掉代码中已有的图片衔接如下红线部分

替换完成以后在设计模式里给图片加热点，然后在热点上放入商品衔接。

热点做完以后再转入代码模式，复制代码之后，在店铺装修中添加自定义模块，在源码模式下复制代码进去保存就可以了。

这就是我做一个全屏页面的过程。谢谢。