您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 移动前端 >> 浏览设计教程

天猫商家切割页面参考

 

天猫商家在切页面时应该注意一下几个方面:
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属性控制样式。

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/wd1855.html
移动网站设计“七宗罪”
前端优秀辅助工具(html5+css3)
图趣网微信
建议反馈
×