可搜索课程、软件、讲师、读书、直播
虎课网为您提供字体设计版块下的DW在PC端的店铺装修图文教程，本篇教程使用软件为DW（CC2017），难度等级为新手入门，下面开始学习这节课的内容吧！
那就开始今天的课程咯。
1.【打开】PS，首先将做好的首页【切片】，再存储为Web格式；再将店招图片更改宽度为950px，另存为。
2.点击【千牛卖家中心】-【图片空间】，打开PC首页的文件夹，上传图片，删除原有装修。
3.【打开】DW，【新建】HTML，点击【插入】-【image】导入店招的图片。
4.回到【图片空间】，点击店招图片的【复制链接】，粘贴到【Src】。
5.点击【属性】-【热区】选框，【选中】首页，【复制】淘宝店铺首页，【粘贴】到链接中，目标改为【blank】。
6.点击【代码】，【复制】代码，回到店铺装修，点击【编辑】。点击【自定义招牌】-【源码】，【粘贴】代码。
7.点击【页头】-【页头背景图】导入店招的图片，【关闭】页头下边距10像素，再点击【居中】和【应用到所有页面】。
8.将【自定义区】拉到右边；回到DW【新建】HTML，点击【插入】-【image】导入海报图片，点击海报的【复制链接】，粘贴到【Src】，【复制】代码。
9.百度【搜索】淘宝全屏海报代码；将前面复制的代码【粘贴】替换淘宝首页1920全屏海报代码其中一段，将500改为height的1031。
10.【复制】新代码，回到店铺装修点击【编辑】，点击【不显示】-【源码】，【粘贴】链接。
11.回到DW【新建】HTML，点击【插入】-【image】导入海报图片；回到【图片空间】点击海报的【复制链接】，粘贴到【Src】。
12.点击【属性】-【热区】选框，依次【选中】所有单品，再依次【复制】淘宝单品的链接，【粘贴】到链接中，目标改为【blank】。
13.【复制】代码，【粘贴】替换到淘宝首页1920全屏海报代码其中一段，将500改为height的942，【复制】新代码。
14.打开【码工助手】-【去掉模块间隙配置】，选择【间隙类型】，在【代码区】中粘贴代码，点击【生成代码】-【复制内容】。
15.回到店铺装修点击【编辑】上传代码，修改代码中的left数值，点击【预览】。
16.切片装修：【打开】PS，【导入】海报，拉参考线，每个要添加热区的地方，使用【切片工具】选中。
17.点击【导出】-【存储为Web格式】，全选切片，品质改为100，点击【存储】-【HTML和图像】。
18.回到【图片空间】，上传切片图片，点击单品的【复制链接】；回到DW，打开更改存储的【HTML和图像】文件，将前面复制的图片粘贴到【Src】，单品链接依次粘贴到【链接】。
19.点击【属性】-【热区】选框，依次【选中】所有单品，再依次【复制】淘宝单品的链接，【粘贴】到链接中，目标改为【blank】，【复制】代码，改成全屏海报代码。
20.再去掉模块间隙，回到店铺装修点击【编辑】上传代码，点击【编辑】双击单品图片，修改单品链接，方便单独修改单品信息。
22.视频学百遍，不如上手练一练,你学会了吗!
以上就是DW在PC端的店铺装修图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！