当前位置：首页 > 技术交流

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

作者：潍坊设计　网址：http://www.536123.com/technology/dw-taobao.htm

淘宝店铺装修是所有在淘宝开网店的朋友需要做的第一件事。有很多专业人士是做淘宝装修的，只需要很少的钱就能够买一套设计精美的模版。虽然现成的模版使用简单，但还是有很多店长希望自己设计个性店铺。潍坊设计www.536123.com经常会遇到店长咨询店铺装修的问题，问得最多的就是为什么设计好的模版传到淘宝上以后就乱了。

淘宝店铺排版混乱的原因

为了解决淘宝排版混乱的问题，需要知道淘宝店铺排版混乱的原因。

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

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

网站使用css排版是大势所趋，可惜淘宝不支持。不支持的原因很简单，通过css可以把淘宝本身的样式利用css优先级替换掉，这样就会影响淘宝店铺的其他内容了，也可以做出很多不可想象的事。

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

对Html研究比较多的人可以非常轻松的通过修改源代码来解决问题，但对于新手来说直接编辑Html不太现实，所以潍坊设计www.536123.com总结了几点，希望能帮助新店长解决排版混乱的问题。

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已经取消了该选项，所以DW CS6完全不适合淘宝店铺的设计者使用。
4. 不要使用JS特效等脚本程序，虽然很多特效很吸引人，但是淘宝是不支持脚本的，所以效果是无法显示的。
5. 如果需要使用简单动画，可以把动画做成Gif格式，Gif是图片，淘宝可以支持。

只要注意以上几点，做好的网页代码传到淘宝后台就不会出现排版混乱的问题了。