虎课网为您提供字体设计版块下的店铺装修-不同类型的自定义轮播图文教程，本篇教程使用软件为DW（CC2016），难度等级为初级练习，下面开始学习这节课的内容吧！

本篇教程教你如何用码工助手或Dreamweaver掌握自定义轮播方法方法，通过使用相关工具，学会不同类型的自定义轮播，喜欢的一起来学习。

那我们开始今天的教程吧。

1.打开【电商装修工具】，在搜索引擎中输入【自定义】，点击【DIY自定义超级轮播】,具体如图所示。

2.打开【自定轮播代码生成】，根据相应大小，设置【基本参数设置】-【主体区高度】：610，【主体区宽度】：1267，【切换内容设置】-【切换内容宽】：906，【切换内容高】：640，具体如图所示。

3.在旺铺-素材中心，选择相应图片【复制代码】，打开【自定轮播代码生成】，在【切换内容设置】-【切换内容1】粘贴代码，重述上述步骤，相应添加【切换内容2】和【切换内容3】，具体如图所示。

4.在旺铺-素材中心，选择按钮图片【复制链接】，打开【自定轮播代码生成】，在【切换按钮设置】-【按钮正常1】粘贴代码，重述上述步骤，依次粘贴，具体如图所示。

5.选择【切换按钮设置】，依次输入【坐标Y】：0，96，192，具体如图所示。

6.在旺铺-素材中心，【上传】红色按钮图片，点击【确定】，具体如图所示。

7.依次选择相应图片【复制链接】，打开【自定轮播代码生成】，【按钮触发1】、【按钮触发2】、【按钮触发3】复制链接，具体如图所示。

8.选择【动画内容设置】，选择【垂直滚动】，【图片切换效果】：缓动效果，点击【预览效果】，具体如图所示。

9.选择【切换按钮设置】，拖动按钮图片至合适位置，【坐标X】：-258.4，具体如图所示。

10.点击【生成代码】，【Ctrl】+【A】复制代码，打开活动大促页面，拖动【自定义区】至合适位置，点击【编辑】，粘贴代码，具体如图所示。

11.点击【编辑】，选择【不显示】，点击【确定】，具体如图所示。

12.打开Dreamweaver，输入相应代码，添加背景图，【另存为】-【名称】：33.1.html，选择【保存】，具体如图所示。

13.在旺铺-素材中心，选择相应包图片【复制链接】，拖动至【装修工具】，设置【基本参数设置】-【主体区高度】：310，【主体区宽度】：690，【切换内容设置】-【切换内容宽】：230，【切换内容高】：310，具体如图所示。

14.在旺铺-素材中心，选择相应图片【复制链接】，打开【自定轮播代码生成】，在【切换内容】粘贴代码，重述上述步骤，依次粘贴，具体如图所示。

15.在旺铺-素材中心，选择按钮图片【复制链接】，打开【自定轮播代码生成】，在【左侧箭头】，【右侧箭头】依次粘贴，具体如图所示。

16.【左右箭头设置】，【坐标X】依次为0，625，【坐标Y】为80，点击【生成代码】复制，具体如图所示。

17.打开Dreamweaver，粘贴代码，选择【新建】-【HTML】文件，【另存为】-【名称】：33.2.html，选择【保存】，具体如图所示。

18.在图中首页网页，添加【自定义内容区】，点击【编辑】，粘贴代码，点击【确定】，具体如图所示。

19.在Dreamweaver，选择【width】：690px，【Ctrl】+【A】全选复制，具体如图所示。

20.在图中首页网页，点击【编辑】，粘贴代码，点击【确定】，具体如图所示。

以上就是店铺装修-不同类型的自定义轮播图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！