天猫活动商家切割页面参考

作者:onhoo
点击数:

您现在的位置:暗号设计>>设计观点>>天猫店铺体验设计>>
发布时间:2013年06月20日

在切页面时应该注意一下几个方面:1.页面宽度为990px,超过990px部分作为背景。2.样式不可以使用全局定义。如:a{} div{}3..图片必须放在淘宝服务器上,如店铺图片空间或者TMS平台。4.单个图片小于50kb。5.视频数量小于等于1个。6.视频必须使用淘花网地址。(如果自己无法上传可以让小二帮忙上传地址:http://ugc.taobao.com/) 7. 不能使用任何形式的外部请求资源。如:css、js文件

在切页面时应该注意一下几个方面:
1.页面宽度为990px,超过990px部分作为背景。
2.样式不可以使用全局定义。如:a{} div{}
3..图片必须放在淘宝服务器上,如店铺图片空间或者TMS平台。
4.单个图片小于50kb。
5.视频数量小于等于1个。
6.视频必须使用淘花网地址。(如果自己无法上传可以让小二帮忙上传地址:http://ugc.taobao.com/
7. 不能使用任何形式的外部请求资源。如:css、js文件

常见问题解决方法:
1.存在问题:图片断层
如图:

解决办法:给图片img标签添加:display:block;属性

2.问题:图片切的太碎

如图:

解决:我们的页面宽度是990px,大于990的部分切成背景。图片最好横向切,减少纵向的切片,对于要加链接的部分用map标签(又称画热区)。

3.标签嵌套太多太复杂

如图:

解决:table不要超过2层

4. 页面990之外的处理

如图:

解决:990之外的部分单独切出来做背景,纯色背景用代码写不用图片

5.标签未闭合

如图:

解决:检查标签是否闭合,及宽度是否定义,overflow:hidden是否添加来撑开容器。

6.全局样式的定义

<style>

Div{……..}

A{………}

</style>

解决:命名class 使用class属性控制样式

暂时收集到的就这么多了欢迎大家留言,我们会后期更新。