欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

wap网站设计规范及wap网站设计欣赏

发布时间:2017:10:03 16:33:00 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1072个文字,预计阅读时间3分钟
导语
海淘科技为你关于:wap网站设计规范及wap网站设计欣赏的文章,简单的阐述几个wap网站设计规范和一则wap网站设计欣赏案例。1. 手机浏览器兼容性测试结果概要1.1 XHTML部分大多数手机不

智唯网络为你关于:wap网站设计规范及wap网站设计欣赏的文章,简单的阐述几个wap网站设计规范和一则wap网站设计欣赏案例。

1. 手机浏览器兼容性测试结果XHTML部分

大多数手机不支持的:属性:disable;标签button,iframe;即使有些手机不支持这些属性和标签,是因为disable属性与标签button,iframe在页面中通常具有重要的功能,它们归类高危标签,要慎使用哦。少数手机不支持的: “select”标签:此标签若被赋予比较复杂的CSS属性,可能会导致显示不正常,例如”vertical-align:middle”。

1.2 CSS部分

大多数手机不支持的:“font-family:bold;” 和“font-style: italic;”,对汉字无效,但对英文是有效的;“font-size”属性是太小像素看不出有什么差别,除非像素很大(比如18px); “white-space/word-wrap”属性是不能强制换行; 还有不支持的“background-position”属性;“position”属性; “overflow”属性;“display”属性;“min-height”和”min-weidth”属性;

有些手机不支持的有 height,还有莫名的是我们在测试时,很少手机不支持”width”属性; “pading”属性; “margin”属性,更多的手机不支持”margin”的负值。 少数手机对CSS完全不支持。

1.3 JAVASCRIPT部分

该测试是相对不那么疯狂,或者直接就不支持,若支持的话,对基本的dom操作基本支持。不过我们没有测试国内非常复杂的脚本。在我们测试的手机,支持(包括不完全支持JavaScript)约一半比例的手机,当然,对于我们来说,最重要的不是比例,而是如何做好优雅降级JavaScript。

1.4 其他

图片规则是,尽可能的用jpg格式的图片和gif格式的图片;最好不要有平滑渐变的bar设计;有些手机对于过大图片,不仅不能进行缩放,也不显示横下滚动条;很少手机运行内存不足,在打开超过20k的测试页面的情况下;

2. 开发中需要注意的问题,手机网页编码需要遵循的规范

遵循XHTML移动配置规范,简称XHTML MP,这就是通常所说的wap2.0标准。xhtmlmp是不由客户端支持XHTML和有限的资源,所有的设计特点。它是基于XHTML基础,从XHTML 1加入一些元素和属性。这些包括一些其他元素和支持的内部样式表。XHTML XHTML MP是基本相同的,严格的XHTML 1.0子集。

3.wap2.0设计原则

在页面上提供足够的信息,第一个屏幕常用的导航链接,搜索域,登录屏幕,和大量的信息;形式的相互作用来简短。提供反馈给用户的动作,,对用户操作的错误问题情况要提供正确的反馈。每幅图像都是要求减少页面的速度,和内容可能会重新排序,占用时间和资源,同一图片的总规划。定义图像的高度和宽度属性,定义占位符,改善用户体验。

4. wap网站的标准设计宽度

说到宽度是五花八门了,那标准宽度就是100%。

PC端网站与wap网站设计欣赏

WAP网站设计规范及WAP网站设计欣赏

wap网站设计规范及wap网站设计欣赏

WAP网站设计规范及WAP网站设计欣赏

WAP网站设计规范及WAP网站设计欣赏

智唯网络还有更多的响应式网站建设与手机官方网站制作。文章下载,点击:WAP网站设计规范及WAP网站设计欣赏.

佛山网站建设优化公司 智唯网络

专业建站,免费排名「快速上首页」5年建站优化经验

免费上首页>>马上咨询
专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:移动App应用设计和动效原理

下一篇:【设计资讯】网页设计中字体设计要规范

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信