为什么用DW设计的淘宝店铺排版时会出现混乱？

　　对于推广一个好的店铺来说，淘宝网店装修是至关重要的，因为客户只能从网上的文字和图片来了解你的店铺以及产品。若网店做得好，则能增加用户的信任感，甚至还能对店铺品牌的树立起到关键作用。很多在淘宝开网店的朋友需要做的第一件事，就是淘宝店铺装修。虽然有很多专业做淘宝店铺装修的，你只要花一点钱就能买一套设计精美的模版，但也有很多店长想自己来设计个性店铺。所以，本文要解决的一个问题是店长经常会遇到的：为什么在店铺装修时，设计好的模版上传到淘宝以后就混乱了？

　　淘宝店铺排版混乱的原因

　　要解决淘宝排版混乱的问题，首先就要明白淘宝店铺排版混乱的原因。

　　虽然淘宝后台的功能非常强大，但提供的编辑器功能却少得可怜，尤其是增加了很多限制。例如禁用脚本、css样式、外部链接等，就连flash、视频这些应用也变成了收费项目。大多数排版混乱的原因就是禁用了css。

　　通常网站建设用的软件是Dreamweaver，DW本身就非常符合W3C标准的，所以使用最新版本的DW制作网站时，DW会把所有与排版有关的内容都放到css里，这也是W3C标准的要求。当把本地编辑好的网页代码传到淘宝后台后，淘宝会自动删除css，所有的排版数据都会丢失，页面排版自然就混乱了。

　　尽管网站越来越流行使用css排版，可是淘宝不支持。之所以淘宝不支持，是因为通过css可以把淘宝本身的样式利用css优先级替换掉，这样就不利于展示淘宝店铺的其他内容了，还可能做出很多想象不到的事。

　　如何解决淘宝店铺排版混乱的问题

　　深入研究过html的人可以很轻松地通过修改源代码来解决这个问题，但对于新手来说就实在有点困难了，让新手也直接编辑HTML代码是不太现实的。因此，小编总结了以下几点，希望能帮助新店长解决排版混乱的问题。

　　1.排版不能使用div+css，要使用table。

　　目前，做网站的主要方式是使用div+css，但淘宝不支持css，所以要用table进行排版。

　　2.模版框架的图片一定要先上传到一个网站或空间，并且可以通过互联网直接访问，在设计模版时所有图片使用绝对地址。

　　有些店长在设计时，会遇到一种情况：在本地排好版后，图片是可以正常显示的，怎么一上传到淘宝后，图片就不显示了呢？这是因为你上传的图片是在你电脑本机上的。可能很多新手做网站时也会遇到这样的问题：设计出来后自己查看图片很正常，别人看到的却是图片不显示的。查看图片的源代码，可以发现图片的地址是在你的本地电脑C盘或D盘的某个文件夹中，这样别人是看不到的。

　　3.使用较老的dw版本，如dw8，或更早的版本。

　　早期的DW虽然支持css但并没有取消Html属性，通过DW可以直接控制Html属性。以DW8为例，DW8默认设置也是生成css，需要进行如下设置：依次点击“编辑”菜单、“首选参数”命令。在“首选参数”的“常规”选项卡中有一个选项“使用css而不是html标签”，把该选项的对勾去掉，确定。这时你再去编辑网页就不会生成css了，全部都是生成Html属性。但是DW CS6已经取消了该选项，因此，CS6不太适合淘宝店铺的设计者使用。

　　4.不要使用JS特效等脚本程序。

　　虽然有很多JS特效都很吸引人，但淘宝并不支持脚本的，所以JS的特效是无法显示的。如果要使用简单动画，可以把动画做成Gif格式，Gif是图片，淘宝是支持的。

　　明白了上述的几点，在做店铺设计的排版时并加以注意，以后就不会出现做好的网页代码上传到淘宝后排版混乱的问题了。