当前位置:天才代写 > tutorial > 网页教程 > 为什么用DW设计的淘宝店铺排版时会出现混乱?

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

2018-05-18 08:00 星期五 所属: 网页教程 浏览:1263

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

为什么用DW设计的淘宝店铺排版时会出现混乱_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是图片,淘宝是支持的。

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

 

    关键字:

天才代写-代写联系方式