随着互联网的快速发展，电商模式随之到来。对于淘宝商家来说，有一个漂亮的店铺形象可以很容易吸引买家们的眼球。淘宝店铺装修好之后，怎么才能实现全屏效果呢？dw作为一种强大的可视化编辑工具，有强大的代码书写功能。本文小编来给大家介绍一下dw全屏店铺如何设计以及需要用到哪些功能。
1、首先我们需要知道淘宝店铺的设计尺寸是190x750px-通栏1920、950px。
2、接下来我们需要观察网店装修的‘思维导图’。
3、打开dw软件，新建画布。绘制【参考线】，使用工具栏中的【切片工具】，然后点击上方工具栏中的【基于参考线】选项。
4、按住shift键连续单击，然后点击右键【组合切片】，将多个切片组合为一个。
5、画面多余的部分使用【切片工具】删除，点击右键删除切片。
6、在上方菜单栏中依次执行【文件-导出-存储为WEB所用格式】选项。
7、依次在淘宝中打开【天猫装修后台-点击素材中心-素材-图片】选项，选择【上一步的文件夹】然后【选择上传】。
8、点击【一张图片的复制链接】然后找到对应的代码位置【粘贴到DW】。
9、然后在DW中选择body位置的代码进行粘贴。接下来进入到店铺装修的后台PC端装修页面，选择自定义招牌-转化为代码】。
10、然后按住快捷键【CTRL+A-CTRL+V】，高度修改为150px，然后再次点击转化为视图，然后点击编辑按钮，根据需要调整参数。
11、在上方的窗口面板中-勾选【属性】，选择【矩形热点工具】在产品对应的位置绘制矩形。
12、给另一个产品使用同样的方法调整，然后使用【多边形区热点工具】绘制店铺收藏的形状。
13、然后在淘宝-选择产品对应的下级页面复制网址，使用【指针热点工具】点击产品图在下方的链接中粘贴。
14、同样的操作给另一个产品-进行复制链接。
15、点击【首页】将淘宝网的首页地址复制到DW。
16、然后选中body下方的所有代码，回到店铺装修的淘宝后台，在店招区域点击【编辑 - 转化为代码】，快捷键CTRL+A-CTRL+V粘贴。
17、保存之后点击预览按钮，观察效果，检查【链接的网址】。
以上就是dw全屏店铺的设计方法，大家可以根据实际需要进行设计操作。步骤看起来有些复杂，希望小伙伴们可以认真学习，熟练掌握运用dw设计全屏店铺的操作方法。
